title: Stop Click, Enter and Arrow Binds for child of accorion header
body: <p>So I would like to put a contenteditable field in the header of an Accordion from JQueryUI, however, when I try to bind an event to that sub object, the binds of the accordion take precedence even when I attempt to unbind or block inheritance. </p>
  
  <pre><code>&lt;div class="accord"&gt;
      &lt;div&gt;
          &lt;div class="theHead" &gt;
              &lt;span class="ignoreAccordBinds" contenteditable="true"&gt;Edit Me&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="theBody"&gt;
          SomeBody
          &lt;/div&gt;
      &lt;/div&gt;
              ...
  </code></pre>
  
  <p>I would like the code above to ignore all accordion actions when doing any action within the span.</p>
  
  <p>I've tried </p>
  
  <pre><code>     $(".ignoreAccordBinds").keypress(function(e){
            e.stopPropagation();
        });
     $(".accord").find(".ignoreAccordBinds").unbind();
  </code></pre>
  
  <p>Neither seem to help.</p>
  
  <p>I created a <a href="http://jsfiddle.net/P93E6/5/" rel="nofollow">JSFiddle</a> of my issue. If you attempt to use the right arrow key to move the cursor(caret) on one of the titles, the accordion instead selects another div. If you attempt to press enter, it only opens/closes them instead of inserting a line break.</p>
  
  <p>Anyone have any ideas here?</p>