title: jquery delegate clicks on a class but only if not clicking on a specific child
body: <p>I have this delegate with jquery</p>
  
  <pre><code>$('body').delegate('.line-item','mouseup',function(){
          // more code gets run 
  })
  </code></pre>
  
  <p>a sample of the dom with this class</p>
  
  <pre><code>&lt;div class="line-item"&gt;
    &lt;div class="thumb"&gt;
      Image goes here
    &lt;/div&gt;
    &lt;div class="title"&gt;
      Title goes here
    &lt;/div&gt;
    &lt;div class="destroy"&gt;
      Destroy Button goes here
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Want: when user clicks anywhere inside this div.line-item that's not the destroy class div, some code gets run to display this line item, but if they do click on that div.destroy, that line item won't get displayed but gets destroyed instead. So I don't know what the CSS selector should be like, I know that there's a :not selector, though I fail to cook up a selector with it that will do the trick,</p>
  
  <p>any thoughts?</p>
  
  <p>thanks!</p>