title: Getting values from HTML Content Editable, passing those values to Javascript and use AJAX to send to PHP file
body: <p>I have different content editable in my html file. I have a couple of labels, and a couple of tables with content editable as well.</p>
  <p>I want to send the info to a database after user focus out, no buttons to trigger the action.</p>
  <p>This is part of my html:</p>
  <pre><code>&lt;label id=&quot;firstLabel&quot; contenteditable=&quot;true&quot;&gt;Hello&lt;/label&gt;
  &lt;table id=&quot;firstTable&quot;&gt;
    &lt;input type=&quot;hidden&quot; name=&quot;userId&quot; id=&quot;userid&quot; value=&quot;&lt;?php echo $userId ?&quot;&gt;
    &lt;tr&gt;
       &lt;td id=&quot;firstRow&quot; name=&quot;firstRow&quot; contenteditable=&quot;true&quot;&gt;This is first row&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;div class=&quot;footer&quot; id=&quot;footer&quot; contenteditable=&quot;true&quot;&gt;Bottom message&lt;/div&gt;
  </code></pre>
  <p>I'm new to programming, and I'm trying to figure the best way to get the contenteditable information, and send it to my database. I know I have to use Javascript, Ajax, and send it to a PHP file based on the information I've researched. The PHP part is not a problem for me, but I need a little help with the Javascript and AJAX parts because everything I tried so far has not retrieved any results.</p>
  <p>Thank you.</p>