title: How to insert html table data to mysql database
body: <p>I have html table like this</p>
  
  <pre><code>&lt;table style="width:300px"&gt;
  &lt;tr&gt;
    &lt;td&gt;Jill&lt;/td&gt;
    &lt;td&gt;Smith&lt;/td&gt;        
    &lt;td&gt;50&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;Eve&lt;/td&gt;
    &lt;td&gt;Jackson&lt;/td&gt;      
    &lt;td&gt;94&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;John&lt;/td&gt;
    &lt;td&gt;Doe&lt;/td&gt;      
    &lt;td&gt;80&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I need to add these html data to mysql table with form submit (this is not the actual table).
  This is my image link</p>
  
  <p><a href="http://s11.postimg.org/phkhh2z6b/Untitled.png" rel="nofollow">http://s11.postimg.org/phkhh2z6b/Untitled.png</a></p>
  
  <p>and I use this JQuery code to add this table data from the  form</p>
  
  <pre><code>$(document).ready(function(){
      $('#details').on('click', '.remove', function() {
          $(this).closest('tr').remove();
      })
  
      $('#submit').on('click',function(){
          var st = '';
          $('#trtform input[type=text],select,input[type=checkbox]:checked').each(function(){
              st = st+ '&lt;td width="150" align="center"&gt;'+$(this).val()+'&lt;/td&gt;';
              $(this).val('');
          });
          var remove = $('&lt;td /&gt;', {text : 'X', 'class': 'remove'});
          $('#details').append( $('&lt;tr /&gt;').append(st, remove) );
      });
  });
  </code></pre>