jQuery weirdness. Div becomes attached to chained element markup?
<p>I've got a div in my app that is displayed each time my theme options panel is saved.</p>

<p>The markup is...</p>

<pre><code>&lt;form method="post"&gt;

&lt;?php
if ( $_REQUEST['saved']) { ?&gt;
&lt;div id="message" class="updated fade"&gt;&lt;p&gt;Sweet! The settings were saved :)&lt;/p&gt;&lt;/div&gt;
&lt;script type="text/javascript"&gt; $('#message').delay(3000).fadeOut(3000);&lt;/script&gt;
&lt;?php }?&gt;
</code></pre>

<p>This has the effect of showing the div (which is absolutely positioned to overlay the interface). I'm also using jQuery to fade the message offscreen after 3 seconds.</p>

<p>This works fine, however, when I add a bit of script to my other jQuery chain (see the commented out block below), the message div is only visible when the jPicker popup appears. If I remove those bits of code (the jPicker call), my message div behaves properly, but I soon as I add the jPicker to the chain, the message div malfunctions (literally :).</p>

<pre><code>$(function()
{

$("#carousel").jCarouselLite
(
    {
    btnNext: ".next",
    btnPrev: ".prev",
    visible: 6,
    speed: 700
    }
);

$('#carousel').show();

$('#myTheme').change
(
    function() 
    {
    var myImage = $('#myTheme :selected').text();
    $('.selectedImage img').attr('src','../wp-content/themes/myTheme/styles/'+myImage+'/screenshot.jpg');
    }
);

$('#carousel ul li').click
(
    function(e) 
    {
    var myOption = $(this).children('img').attr('title');
    $("#myTheme option[value='"+myOption+"']").attr('selected', 'selected');
    $("#myTheme").css('backgroundColor', '#A9A9A9').animate({backgroundColor: "#ffffff"}, 'slow');
    }
);

$('#carousel ul li').hover
(
    function(e) 
    {
    var img_src = $(this).children('img').attr('src');
    $('.selectedImage img').attr('src',img_src);  
    }
    ,function()
    {
    $('.selectedImage img').attr('src', '&lt;?php echo $selectedThumb; ?&gt;');
    }
);
 /*
$('#myTheme_sidebar_color').jPicker
(
    {},
    function(color) 
    { 
        $(this).val(color.get_Hex());
    },
    function(color) 
    { 
        $(this).val(color.get_Hex()); 
    }
);
*/
});
</code></pre>
