title: Selecting specific contenteditable divs with jQuery
body: <p>Given the following html for a type of blog post editor:</p>
  
  <pre><code>&lt;div class="entry"&gt;  
    &lt;div class="title" contenteditable="true"&gt;
      &lt;h2&gt;Title goes here&lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class="content" contenteditable="true"&gt;
      &lt;p&gt;content goes here&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>I'm trying to use jquery to select the .title and .content divs to attach unique event handlers to each.</p>
  
  <pre><code>$('[contenteditable]').on(...);
  </code></pre>
  
  <p>works for both but</p>
  
  <pre><code>$('[contenteditable] .title').on(...);
  </code></pre>
  
  <p>or</p>
  
  <pre><code>$('.title').attr('contenteditable', 'true').on(...);
  </code></pre>
  
  <p>both don't work to select the specific contenteditable block.</p>