<!doctype html>
<html>
  <head>
    <title>TabProjects's Popup</title>
    <style>
      body {
        min-width: 357px;
        overflow-x: hidden;
      }

      img {
        margin: 5px;
        border: 2px solid black;
        vertical-align: middle;
        width: 75px;
        height: 75px;
      }
    </style>

    <!--
      - JavaScript and HTML must be in separate files: see our Content Security
      - Policy documentation[1] for details and explanation.
      -
      - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
     -->
    <script src="jquery-2.0.2.min.js"></script>
    <script src="tabproject.js"></script>
    <script src="popup.js"></script>
  </head>
  <body>
    <div id='newProject'>
      <input type='text' id='newProjectName'/>
      <input type='button' id='newProjectButton' value='Create'></input>
    </div>
    <hr/>
    <div id='projectList'></div>
    <div id='log'></div>
  </body>
</html>


<!doctype html>
<html>
  <head>
    <title>TabProjects's Popup</title>
    <style>
      body {
        min-width: 357px;
        overflow-x: hidden;
      }

      img {
        margin: 5px;
        border: 2px solid black;
        vertical-align: middle;
        width: 75px;
        height: 75px;
      }
    </style>

    <!--
      - JavaScript and HTML must be in separate files: see our Content Security
      - Policy documentation[1] for details and explanation.
      -
      - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
     -->
    <script src="jquery-2.0.2.min.js"></script>
    <script src="tabproject.js"></script>
    <script src="popup.js"></script>
  </head>
  <body>
    <form>
      <input type='text' id='newProjectName'/>
      <input type='submit' id='newProjectButton' value='Create Project'></input>
    </form>
    <hr/>
    <div id='projectList'></div>
    <div id='log'></div>
  </body>
</html>


Allow Enter to press the Create Project button
Allow Enter to press the Create Project button
