title: How can I debug why clicking a link is not working in IE8 / IE9?
body: <p>I have a simple html link that doesn't do anything in IE8. No errors, it just sits there. It works fine in Chrome and FF. The link is just a clickable image:</p>
  
  <pre><code>&lt;p&gt;&lt;a id="google-purchase-link" href="/purchase/google" data-ajax="false"&gt;&lt;img src="https://checkout.google.com/buttons/checkout.gif?merchant_id=763453611943044&amp;w=180&amp;h=46&amp;style=trans&amp;variant=text&amp;loc=en_GB" alt="Proceed to Google Checkout"/&gt;&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>To try it yourself :</p>
  
  <ol>
  <li>Visit <a href="http://www.oddprints.com/checkout" rel="nofollow">http://www.oddprints.com/checkout</a></li>
  <li>Click "Upload something"</li>
  <li>Click "Sample photo"</li>
  <li>Click "Order prints"</li>
  <li>Click "Buy with Google"</li>
  </ol>
  
  <p>Don't worry, you won't be committing to buy anything!</p>
  
  <p>In IE, the link doesn't seem to work, it just sits there. The link simply points to /purchase/google which builds up the cart server-side and then returns a temporary redirect to the populated Google checkout page. If you visit <a href="http://www.oddprints.com/purchase/google" rel="nofollow">http://www.oddprints.com/purchase/google</a> it performs the redirect fine.</p>
  
  <p>Any ideas how I can debug this?</p>
  
  <p><strong>UPDATE:</strong>
  The link is being handled with javascript. I have to specifically add the href attribute to window.location to make it work in IE8, however the problem still occurs in IE9.</p>
  
  <p>Changed:</p>
  
  <pre><code>$("#google-purchase-link").click(function(e){   
    _gaq.push(function() {
        var pageTracker = _gaq._getAsyncTracker();
        setUrchinInputCode(pageTracker);
        console.log(getUrchinFieldValue());
        window.location = "/purchase/google?analyticsData=" + getUrchinFieldValue();
    });
    e.preventDefault();
  });
  </code></pre>
  
  <p>to </p>
  
  <pre><code>$("#google-purchase-link").click(function(e){   
    _gaq.push(function() {
        var pageTracker = _gaq._getAsyncTracker();
        setUrchinInputCode(pageTracker);
        console.log(getUrchinFieldValue());
        window.location.href = "/purchase/google?analyticsData=" + getUrchinFieldValue();
    });
    e.preventDefault();
  });
  </code></pre>
  
  <p><strong>UPDATE</strong>: the problem was using console.log(). Doh!</p>