title: Jquery NivoSlider Slider is not working $('#slider').nivoSlider(); is not a function
body: <p>I am using nivo jquery image slider in my asp.net application, but after page load its not changing the images and only showing "loading.gif" image, on jquery debugging i am  getting error message : $('#slider').nivoSlider(); is not a function.</p>
  
  <pre><code>   &lt;link href="css/NivoSlideThemes/default/default.css" rel="stylesheet" type="text/css" media="screen" /&gt;
      &lt;link href="css/NivoSlideThemes/nivo-slider.css" rel="stylesheet" type="text/css" media="screen"  /&gt;
      &lt;script src="js/menu/jquery-1.7.2.min.js" type="text/javascript"&gt;&lt;/script&gt;     
      &lt;script src="js/jquery.nivo.slider.pack.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          $(window).load(function () {
              $('#slider').nivoSlider();
          });
          &lt;/script&gt;
            &lt;style&gt;   
  
              .theme-default #slider {
                  margin:1px auto 0 auto;
                  width:674px; /* Make sure your images are the same size */
                  height:311px; /* Make sure your images are the same size */
              }
              .theme-pascal.slider-wrapper,
              .theme-orman.slider-wrapper {
                 /* margin-top:150px;  */
              }
  
              .clear {
                  clear:both;
              }
  
        &lt;/style&gt; 
  
         &lt;div class="slider-wrapper theme-default"&gt; 
              &lt;div id="slider" class="nivoSlider"&gt;
                  &lt;img src="images/cfgSliderImages/1.gif" alt="" /&gt;
                  &lt;img src="images/cfgSliderImages/2.gif" alt="" title="Solar Power" /&gt;
                  &lt;img src="images/cfgSliderImages/3.gif" alt="" data-transition="slideInLeft" /&gt;
                  &lt;img src="images/cfgSliderImages/4.gif" alt=""   title="#htmlcaption" /&gt;
              &lt;/div&gt;
              &lt;div id="htmlcaption" class="nivo-html-caption"&gt;
                  &lt;strong&gt;This&lt;/strong&gt; is an example of a &lt;em&gt;HTML&lt;/em&gt; caption with &lt;a href="#"&gt;a link&lt;/a&gt;.
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>