Enabling a stylesheet after screen resize? Not working in IE and Chrome
<pre><code>var $ = jQuery.noConflict();
$(document).ready(function() {
if ((screen.width&gt;=1024)) {
$('link[title=theme800]')[0].disabled=true;
$('link[title=theme]')[0].disabled=false;
}
if ((screen.width&lt;1024)) {
$('link[title=theme]')[0].disabled=true;
$('link[title=theme800]')[0].disabled=false;
}
});
</code></pre>

<p>My html page:</p>

<pre><code>&lt;link title = "theme" rel="stylesheet" type="text/css" media="all" href="theme.css" /&gt;
&lt;link title = "theme800" rel="stylesheet" type="text/css" media="all" href="theme800.css" /&gt;
</code></pre>

<p>Okay, I was testing my site in different screen sizes. For some reason, the 2nd stylesheet (theme800) is not loading in IE and Chrome when I'm in '&lt;1024' mode, it works with Firefox tho.
I did give everything title and everything. Again, it works in Firefox but in other browsers it doesn't work. How do I make it work in other browsers?
Help!</p>

<p>Thanks.</p>
