Im learning JQuery from a Sitepoint Book but Im trying to apply all the lessons to a Rails App. In one lesson, we are taught how to switch to a different stylesheet if the browser window is resized beyond a certain point. Here's the javascript code:

if ($('body').width() > 900) { $('<link rel="stylesheet" href="wide.css" type="text/css" />')

.appendTo('head'); } else { $('link[href=wide.css]').remove(); }

Rails doesn't seem to want to link to the new stylesheet using 'link rel'. I've tried using the Rails helper: <%= stylesheet_link_tag 'base', :media => 'screen' %> but that doesn't work in a .js file.

How do I link to an external stylesheet in a .js file using Ruby? Can I use Ruby on Rails code in a .js file?

Thanks.