title: Select all elements except one and it's children in jQuery not working in Safari
body: <p>What I'm trying to do is simple enough.  I want to make the entire section clickable except the span and everything underneath because I want the link to redirect elsewhere.</p>
  
  <pre><code>&lt;section id="id" class="message"&gt;
   &lt;div class="message_body"&gt;
    &lt;font color="color"&gt;text&lt;/font&gt;
     &lt;span style="style"&gt;
        &lt;a href="url"&gt;
          &lt;img src="linktoimage"&gt;&lt;/img&gt;
        &lt;/a&gt;
     &lt;/span&gt;
     &lt;br&gt;&lt;/br&gt;
     &lt;text name="message_comment" id="message_comment"&gt;message&lt;/text&gt;
   &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>I've tried the following:</p>
  
  <pre><code>$('.message:not(span)').click(function() {
    window.location.href = "url";
  });
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$(".message").not("span").click(function() {
    window.location.href = "url";
  });
  </code></pre>
  
  <p>The behavior is correct in both Chrome and Firefox. But in Safari, the a href link does not work. It is treated as a link when rendered in html, but when you click on it the jQuery behavior of treating the entire class kicks in, as if it ignores the 'not span'. Is there anyway to rewrite this to work in Safari, Chrome, and Firefox or am I doing something wrong?</p>