title: jQuery click doesn't work
body: <p>I have a problem with nested divs, and jQuery's click function.
  Clicking on .header-fb, .header-twitter or .header-linkedin don't give any results. No errors in console. I'm not sure what's going on. These classes have background image, not sure, if that makes problem too. Here's the code:</p>
  
  <pre><code>&lt;div&gt;
   &lt;div id="header-social" class="four columns mobile-two"&gt;
   &lt;div class="header-fb"&gt;&lt;a href="http://www.facebook.com" &gt;&amp;nbsp&lt;/a&gt;&lt;/div&gt;
   &lt;div class="header-twitter"&gt;&lt;a  href="https://twitter.com" &gt;&amp;nbsp&lt;/a&gt;&lt;/div&gt;
   &lt;div class="header-linkedin"&gt;&lt;a  href="http://www.linkedin.com/"&gt;&amp;nbsp&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and javascript:</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
          jQuery(document).ready(function() {
              jQuery(".header-fb").click(function(){
                    window.location=jQuery(this).find("a").attr("href");
                    return false;
              });
              jQuery(".header-twitter").click(function(){
                  window.location=jQuery(this).find("a").attr("href");
                  return false;
              });
              jQuery(function() {
                  jQuery('.header-linkedin').click(function(){
                      window.location=jQuery(this).find("a").attr("href");
                      return false;
                  });
              });
          });
      &lt;/script&gt;
  </code></pre>