jQuery script works in Firefox but not in IE. Why am I not surprised?
<p>I'm working with the context of a CMS system and trying to turn seperate div's into tabs.
You can see it at <a href="http://www.wtvynews4.com/test" rel="nofollow">http://www.wtvynews4.com/test</a> I've kludged together some code from a tutorial site.</p>

<pre><code>&lt;script charset="utf-8" type="text/javascript"&gt;
jQuery(function() {

//When page loads...
$("div[ondblclick$='87119417']").attr("id", "87119417");
$("div[ondblclick$='87119482']").attr("id", "87119482");
$("div[ondblclick$='87119672']").attr("id", "87119672");
$("div[ondblclick$='87119727']").attr("id", "87119727");
$("div[ondblclick$='87119812']").attr("id", "87119812");
$("div[ondblclick$='87119417']").addClass("tab_content");
$("div[ondblclick$='87119482']").addClass("tab_content");
$("div[ondblclick$='87119672']").addClass("tab_content");
$("div[ondblclick$='87119727']").addClass("tab_content");
$("div[ondblclick$='87119812']").addClass("tab_content");

$(".tab_content").hide(); //Hide all content
$("ul.morenewstabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content

//On Click Event
$("ul.morenewstabs li").click(function() {

    $("ul.morenewstabs li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab
    $(".tab_content").hide(); //Hide all tab content

    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
    $(activeTab).show(); //Fade in the active ID content
    return false;
});

});
&lt;/script&gt;
</code></pre>

<p>Everything works fine in Firefox but not IE.  can you provide any assistance?  When the page loads the attribute ID's and classes aren't assigned.  I tried changing jQuery(function() {  to $(document).ready(function() still no luck.</p>
