title: jquery to dynamically add table row with value upon entering text input using enter key
body: <p>Okay .. this is my first question here. Very new with javascript, so hopefully I'd be treated nicely (crossing fingers) ... I have a html code down here:</p>
  
  <pre><code>&lt;table width="500" border="1"&gt;
    &lt;tr&gt;
      &lt;td&gt;No.&lt;/td&gt;
      &lt;td&gt;Name&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;td&gt;&amp;nbsp;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;br /&gt;
  Enter Name: 
  &lt;input type="text" name="name" id="name" /&gt;
  </code></pre>
  
  <p>I'm trying to have whatever value I enter in the input "name" to go directly as a new row in the html table attached with a running number (1,2,3,etc) in the "No." column using the "Enter" key instead of clicking on buttons. At the same time the value in "name" will be cleared and focused as to ready for the next value entrance.</p>