title: jQuery.ajax not working in IE7/8
body: <p>Something in my script is breaking IE.</p>
  
  <p>I'm looking on a collection of links with a class, and hijacking the URL's.
  Clicking a link will animate the height and reveal a message. It also
  does an ajax request to mark the message as read.</p>
  
  <p>However, in IE it simply goes to the URL instead of staying on the page and processing the http request.</p>
  
  <pre><code>$('.message .subject .subject_link').click(function(e) {
  
      toggle_message(e)
      return false;
  
  });
  
  
  function toggle_message(m) {
  
  var link = m.target;
  var parent = $(link).parent().parent();
  console.log(link.href);
  $.ajaxSetup({
  
      url: link.href,
      dataType: 'json',
      timeout: 63000,
      type: 'GET',
      cache: false
  
  });
  
  if($(parent).hasClass('unread')) {
  
      $(parent).addClass('read').removeClass('unread');
  
      $.ajax({
  
          complete: function(r, textStatus) {
              console.log(r.responseText)
          }
  
      });
  
  }
  
  if($(parent).find('.body_wrapper').hasClass('collapsed')) {
      $(parent).find('.body_wrapper').addClass('expanded').removeClass('collapsed');
      $(parent).find('.body_wrapper').animate({
              height: 'toggle'
      })
  } else {
      $(parent).find('.body_wrapper').addClass('collapsed').removeClass('expanded');
      $(parent).find('.body_wrapper').animate({
              height: 'toggle'
      }) 
  }
  </code></pre>
  
  <p>}</p>
  
  <p>any ideas what's causing this issue?
  <a href="http://support.cooper.krd-design.net/" rel="nofollow">http://support.cooper.krd-design.net/</a>
  tester: 12345 if you want to review the page</p>
  
  <p>Thanks
  Rich</p>