Problems with My Simple JQuery Div Slider
<p>I am trying to create a simple JQuery Div Slider, but it doesn't seem to be hiding the initial div or functioning properly.</p>

<p>Here is my HTML:</p>

<pre><code>&lt;div id="feature"&gt;
    &lt;div class="feature_container"&gt;
        &lt;div&gt;&lt;p&gt;Slide 1 Content&lt;/p&gt;&lt;/div&gt;
        &lt;div&gt;&lt;p&gt;Slide 2 Content&lt;/p&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Here is the JQuery code:</p>

<pre><code>    &lt;script&gt;
  $(function(){
    $('.feature_container div:gt(0)').hide();
    setInterval(function() {
        $('.feature_container :first-child').fadeOut()
            .next('div').fadeIn()
            .end().appendTo('.feature_container');},
        3000);
    })
  });
  &lt;/script&gt;
</code></pre>

<p>Am I doing anything in the JQuery code here that's not allowed or incorrect?</p>

<p>Thanks in advance for any help- it's much appreciated! I would use a plugin too, but I'm really trying to figure out all of this by doing it by hand...</p>
