title: .click() doesnt work in Safari
body: <p>This little peace of code works in Firefox, but not Safari: </p>
  
  <pre><code>$('.pinterest-button').click(function() {
      $('.pinterest-button').hide();
      $('#pin1 a img').click();
      setTimeout("$('.pinterest-button').show();", 1000);
  });
  </code></pre>
  
  <p>If the pinterest button is clicked, it should create a click-event for that picture:</p>
  
  <pre><code>&lt;div id="pin1" class="gallery span24 offset6"&gt;
     &lt;a class="span24" alt="" title="bild" href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"&gt;
        &lt;img class="gallery-img" src="http://www.goldentree.de/wordpress/assets/bild.jpg"&gt;
     &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I click the button in Safari, it is getting hidden and the page scrolls to top, so the click itself works, but I think the $('#pin1 a img').click(); that should trigger the code in the images href doesnt work. I found some other people having the same problem, but none of their solutions work for me, so I'm not completely sure if its really the click() that does not work. Im also not sure, what makes my browser scroll to top, because I thought that is made by the pinterest overlay-thing. Oh and yes: Directly clicking on the picture works.</p>