link click event not firing button click event on the first try (IE only). Works on second click.
<p>This is driving me mad.  I've got a div on my page that opens up in colorbox. When the user clicks one of the links in the div, it fires an event to the code (below) which should in turn populate the hidden field and then click a server button to run some code behind.</p>

<p>Problem is, in IE(9) it won't click the server button on the first attempt (yes, it does go onto the client click event). Strangely it seems to work fine in Chrome and FF.</p>

<pre><code>$(document).on('click', '.link', function (e) {
    e.preventDefault();
    var thisID = $(this).attr('href').replace('#ca', '');
    $("#hiddenField").val(thisID );
    $("#button1").submit();
});
</code></pre>

<p>It might be worth mentioning that the links in the div that opens in colorbox is dynamically populated. But this should effect it as the click events on the links are working fine.</p>

<p>Any help would be appreciated.</p>
