title: add table row and data from input field in that row
body: <p>I have a table and a form with 2 input fields.</p>
  
  <p>once user type in input fields and click save...it goes to table row.</p>
  
  <p>now user types again and click save...it replaces old entries.</p>
  
  <p>I am to add a new row with new text in input field which user types just before clicking save.</p>
  
  <pre><code>&lt;table class="table table-bordered table1"&gt;
      &lt;thead&gt;
          &lt;tr class="info"&gt;
              &lt;td&gt;ID&lt;/td&gt;
              &lt;td&gt;Name&lt;/td&gt;
              &lt;td&gt;Access&lt;/td&gt;
              &lt;td&gt;Delete&lt;/td&gt;
              &lt;td&gt;Edit&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr class="info"&gt;
              &lt;td class="mac-id"&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td class="nameofUser"&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td class="access"&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td class="btn-delete"&gt;&lt;a href="#" class="trash-icon"&gt;&amp;nbsp;&lt;/a&gt;&lt;/td&gt;
              &lt;td class="btn-edit"&gt;&lt;a href="#" class="edit-icon"&gt;&amp;nbsp;&lt;/a&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  &lt;div class="buttons"&gt;
      &lt;a href="#" class="btn btn-primary btn-new"&gt;New&lt;/a&gt;
      &lt;a href="#" class="btn btn-success btn-save"&gt;Save&lt;/a&gt;
      &lt;a href="#" class="btn btn-warning btn-cancel"&gt;Cancel&lt;/a&gt;
  &lt;/div&gt;
  
      &lt;/table&gt;
  </code></pre>
  
  <p>Jquery </p>
  
  <pre><code>$(".btn-save").click(function(e) {
      var macID       =   $("#mac-address").val(this);
      var nameofUser  =   $("#user-name").val(this);
      var access      =   $("#access option:selected").text(this);
  
      $(".table1 tr:last").after("&lt;tr class='info'&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;");
  
  
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/isherwood/UFCeh/" rel="nofollow">http://jsfiddle.net/isherwood/UFCeh/</a></p>