title: Make contents visible with jQuery
body: <p>I am trying to show a sliding banner on top of my website. I am using a featurify.js (<a href="http://spreadthesource.com/sandbox/featurify/" rel="nofollow">http://spreadthesource.com/sandbox/featurify/</a>) to implement that.</p>
  
  <p>The issue is that when the html page first loads, it shows every of my list-item on the page. The jquery takes effect after that and then it goes away and I see the sliding banner. </p>
  
  <p>I tried to fix this by making my html div to display:none and then use show() in jquery. But that does not work for me. This is the code for it.</p>
  
  <p><a href="http://jsfiddle.net/UU5Kj" rel="nofollow">http://jsfiddle.net/UU5Kj</a></p>
  
  <pre><code>html:
      &lt;div id="features"&gt;
          &lt;ul&gt;
              &lt;li&gt;Discover success &lt;/li&gt;
              &lt;li&gt;Keeping pace with latest technology&lt;/li&gt;
              &lt;li&gt;Employee owned&lt;/li&gt;
              &lt;ul&gt;
      &lt;/div&gt;
  
  CSS:
      #features {
          color:#a60000;
          font-size:2.25em;
          padding:1.25em;
          display:none;
      }
  
  JS:
      $(#features).show();
  </code></pre>
  
  <p>Also, it would be great if anyone can suggest an alternate way for me to fix this issue.</p>