Issue Implementing jQuery Nivo Slider
<p>I was able to implement the jQuery Nivo Slider in my JSFiddle:
<a href="http://jsfiddle.net/NinjaSk8ter/gXwuc/" rel="nofollow">http://jsfiddle.net/NinjaSk8ter/gXwuc/</a></p>

<p>However I'm having a problem getting this to function in my Page.  If someone is able to see the problem within my JavaScript I would greatly appreciate it.</p>

<p>I think that the issue is because I am already calling the jQuery Ready function for a different Script.  </p>

<p>I had added <code>('#slider').nivoSlider();</code> within it's own ready function which does not work:</p>

<pre><code>$(function () {
    $('#slider').nivoSlider();
});
</code></pre>

<p>Here is the Development Site:
<a href="http://www.northernvirginiapaintingcontractor.com/" rel="nofollow">http://www.northernvirginiapaintingcontractor.com/</a></p>

<p>There are 2 jQuery Document Ready Functions:</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(function () {
    $('.box').hover(function () {
        $(this).stop().animate({
            "opacity": .5
        }, 50)
    }, function () {
        $(this).stop().animate({
            "opacity": 1
        }, 50)
    });
});

$(function () {
    $('#slider').nivoSlider();
});

&lt;/script&gt;
</code></pre>

<p>Here is the markup:</p>

<pre><code>&lt;div id="top-feature"&gt;
    &lt;div id="wrapper"&gt;
        &lt;a href="http://dev7studios.com" id="dev7link" title="Go to dev7studios"&gt;&lt;/a&gt;
        &lt;div class="slider-wrapper theme-default"&gt;
            &lt;div class="ribbon"&gt;&lt;/div&gt;
            &lt;div id="slider" class="nivoSlider"&gt;
                &lt;img src="http://i.imgur.com/DMWEZ.jpg" alt="" /&gt;
                &lt;a href="http://dev7studios.com"&gt;
                    &lt;img src="http://i.imgur.com/GnASW.jpg" alt="" title="caption" /&gt;
                &lt;/a&gt;
                &lt;img src="http://i.imgur.com/5y96P.jpg" alt="" data-transition="slideInLeft" /&gt;
                &lt;img src="http://i.imgur.com/9eg2i.jpg" alt="" title="#htmlcaption" /&gt;
            &lt;/div&gt;
            &lt;div id="htmlcaption" class="nivo-html-caption"&gt;
                &lt;strong&gt;This&lt;/strong&gt; example &lt;em&gt;HTML&lt;/em&gt; caption&lt;a href="#"&gt;a link&lt;/a&gt;.
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
