.ajax in IE

.ajax in IE

Okay, I've been beating my head against a wall for a few hours trying to figure out what is going on, and I'm not getting it.

The following code works in Firefox, Safari, and Chrome. The only browser I seem to be having trouble with is IE, and I'm not sure what's up.

So, basically, I'm using an ajax call to pull a div from one of my blog pages (same domain) into the home page. Here's the code.

$.ajax({               
      dataType: "html",
      error: function() {
         $.ajax({
            error: function() {
               $("#work-container").html("<p>There's been an unexpected error. Please check back later.</p>");
            },
            success: function(responseText) {
               var orange = responseText;
               var result = $(orange).find("#content").html();
               $("#work-container").html(result);                     
            },
            url: "/dev/works/index.php"
         });      
      },
      success: function(success) {         
         var orange = success;         
         var result = $(orange).find("#content").html();         
         $("#work-container").html(result);         
      },
      url: "/dev/works/wp-content/cache/supercache/www.russelluresti.com/dev/works/index.html"
   });


There's a 2nd ajax call inside of the error because the first call is calling to a file that may or may not exist.

The "success" response is what you'd expect, the full HTML of the html page, in all browsers. However, when I try to set the result variable, that's where the issue happens. FF, Safari, and Chrome all return HTML, while IE returns a null.

Any help would be appreciated, this thing is killing me.

Oh, and IE8 is what I'm aiming for here, IE7 and IE6 just go bonkers on layout.