jQuery fadeOut does not work
<p>trying to create a fancy jQuery banner ad. My content is styled like this:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8" /&gt;
        &lt;title&gt;Open House : Banner Advertisements&lt;/title&gt;
                &lt;style type="text/css"&gt;

                article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

                        body { background:#0D3405; }
#container
{
 background:#000;
 width:895px;
 margin:25px auto;
 border:solid 2px #666;
 color:#eee;
 padding:15px;
 min-height:600px;
}
.leaderboard
{
  width: 895px;
  min-height:150px;
  max-height:150px;
  background: #FFFFFF; //url('_images/01Slide_600x300.jpg') no-repeat;
  overflow:hidden;
  position:relative;
  top:20px;
}
.skyscraper
{
 width: 150px;
 min-height:600px;
 background:#FFFFFF;
 position:fixed;
 margin-left:5px;
 overflow:hidden;
}

#tiger
{
margin-left:-160px;

}

#banner1 img
{
 position:relative;
 height:100px;
 margin-top:150px;
 margin-right:180px;
}

          &lt;/style&gt;

&lt;script type="text/javascript" src="_scripts/modernizr.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
     &lt;body&gt;
&lt;div id  = "banner2" class = "skyscraper"&gt;
 &lt;img id = "tiger" src = "_images/tiger_2.png" alt = "_images/saveTiger.jpg"&gt;
&lt;/div&gt;

&lt;div id = "container"&gt;
   &lt;div id = "banner1" class = "leaderboard"&gt;
    &lt;h1&gt;free smartphones&lt;/h1&gt;
    &lt;img id = "android1" src = "_images/android.png"&gt;
    &lt;img id = "android2" src = "_images/blackberry.png"&gt;
    &lt;img id = "android" src = "_images/android2.png"&gt;
   &lt;/div&gt; &lt;/br&gt;
  &lt;/div&gt;

 &lt;/body&gt;

&lt;script type = "text/javascript" src = "_scripts/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type = "text/javascript" charset = "utf-8"&gt;
$(document).ready(function() {
saveTheTiger();
 })

 function saveTheTiger()
 {
  $('#tiger').fadeOut(1000);
 //animate( {'margin-left':'100px'},1000);
 }

function banner1adsequence()
{ 
  smartphones();
}
&lt;/script&gt;
&lt;/html&gt;
</code></pre>

<p>The thing is, the fadeOut does not work. if you notice the animate function that has been commented out, that does work, which I just put out there to test drive and check if the  id is being called and that does work. </p>

<p>Can anyone pinpoint what's up here?</p>

<p>Thanks</p>
