title: Delete sql row using button without refreshing page
body: <p>I want to delete a row from table with delete button with confirmation from user but without page refreshing with help of jQuery ajax.</p>
  
  <p>I know a little about php, html, javascript, jquery, and sql. I dont know how to go about doing this but what i really want to do is to be able to pull data from a sql table (i already know how to do this). </p>
  
  <p>Then display the data with a button next to it (i also already know how to do). When they click the button it will remove the element that hold the visible data and also send a sql statment to delete the row in the database. A very crude code over view.</p>
  
  <pre><code>&lt;?php
  echo '&lt;p&gt;Data 1: '".$someDataFromDB."'&lt;button id='deleteThisRow'&gt;&lt;/button&gt;&lt;/p&gt;;
  ?&gt;
  </code></pre>
  
  <p><strong>from this I would like to:</strong></p>
  
  <ol>
  <li>Click the button</li>
  <li>remove the paragraph element so they users know it was deleted</li>
  <li>then send an sql statement to delete the row from the sql table</li>
  </ol>
  
  <p>All this without refreshing the page. Is that at all possible?</p>