Q: How do I switch between 2 css stylesheets for use with jQuery-UI? I'm quite new to jQuery and javascript in general and I've created a simple .html file in order to test using 2 different jQuery-ui stylesheets.
What I'm trying to achieve is the example dialog will open with the "flick" stylesheet and the datepicker within this dialog will open with the "ui-lightness" stylesheet.
I have tried to append the selected stylesheet when the user clicks the textbox in the dialog but the "flick" stylesheet is still used.
My code in my html file is as follows:
<!doctype html>

<html>

<head>
<meta charset="utf-8">
<title>jQuery Multiple Themes</title>
<link rel="stylesheet" type="text/css" href="css/flick/jquery-ui-1.9.0.custom.css">

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>

<script type="text/javascript">

    function openDialog() {
        $("#dialog").dialog();
    }

    function loadDatePicker() {

        $('head').append('<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui.1.8.24.custom.css">');

        $("#date").datepicker({});
    }

</script>

</head>

<body>

<input type="button" value="Open Dialog" onclick="openDialog()">

<div id="dialog" title="Test Mutiple Themes" style="display: none">
    Click to open a date picker in a different CSS theme
    <input id="date" type="text" size="8" onclick="loadDatePicker()">
</div>

</body>

</html>

It is hopefully a simple syntax error I am not seeing due to lack of experience with these scripts. 

A: <ul id="nav">
<li><a href="#" rel="/path/to/style1.css">Default CSS</a></li>
<li><a href="#" rel="/path/to/style2.css">Larger Text</a></li>
<li><a href="#" rel="/path/to/style3.css">Something Different</a></li>
</ul>

The jQuery
$(document).ready(function() { 
$("#nav li a").click(function() { 
    $("link").attr("href",$(this).attr('rel'));
    return false;
});
});

Explanation here: http://www.cssnewbie.com/simple-jquery-stylesheet-switcher/

A: On the themeroller download page you can set up a "CSS SCOPE" for theme. This will prefix a classs of your choosing in front of all of the UI classes within the stylesheet.
This allows setting a dialog up with your scope class for dialogs in the markup, and another widget like dateepicker with it's scope class.
