title: Get value of editable td in table with Jquery
body: <p>I have a dynamic table :</p>
  
  <pre><code>&lt;table&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td contenteditable='true'&gt;Value1&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2&lt;/td&gt;
              &lt;td contenteditable='true'&gt;Value2&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to get the value of the editable cell when the user finish writing <code>(blur)</code></p>
  
  <pre><code>$('table td').focus(function () {
      console.log("focus ");
      console.log("echo each input "); // show every carac inputed
  
  });
  $('table td').blur(function () {
      console.log("blur ");
      console.log("echo the new value"); // show the new value
  
  });
  </code></pre>
  
  <p>So my question how I can get the new value in <code>blur</code> event and how I get exactly which <code>td</code> is modified.</p>