title: JQuery .click - exclude specific elements inside div
body: <p>I want .click to do nothing IF the user clicks <code>&lt;p&gt;text&lt;/p&gt;</code> inside the div, for everything else I want the div .click to work.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div&gt;
      &lt;span&gt;yes&lt;/span&gt;
      &lt;p&gt;text&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Jquery:</strong></p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() {
  
      $("div").click(function() {
  
          alert("woohoo!");
  
      }); 
  
  });
  &lt;/script&gt;
  </code></pre>