title: JQuery stopPropagation on .live() when handlers already exist
body: <p>I'm aware that live calls bubble up through the doccument and that is why I'm having issues. </p>
  
  <p>Unfortunately I'm using third party libraries that bind event handlers to elements and would like to create a case in which a click event isn't bubbled up to those elements.</p>
  
  <p>using .click() in combination with eventStopPropagation() works just fine, however due to the dynamic nature of the content I need to use either live,on,delegate,etc...
  Here's a fidddle of my issue. I need to prevent "middle" click from firing when clicking the "inner" div. I can <strong>not</strong> change the "middle" handler (it is best if you consider I don't even have access to it).</p>
  
  <p>Thanks in advance for your help!! And sorry for the repeat, I thought it would be tidier this way.</p>
  
  <p><a href="http://jsfiddle.net/99zQM/9/" rel="nofollow">http://jsfiddle.net/99zQM/9/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="outer"&gt;
      outer non dynamic element
      &lt;div id="middle"&gt;
          middle dynamic
          &lt;div id="inner"&gt;
              inner dynamic
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$("#middle").bind('click',function(e){
      //is rebound when content is loaded
     alert("middle clicked"); 
  });
  $('#inner').live('click',function(e){
      alert("inner clicked"); 
  });
  </code></pre>