title: Div won't fade out/fade in
body: <p>I am trying to get a div to fade out and in on button click. It works on jfiddle but for some reason it is not working on my asp.net page:</p>
  
  <pre><code>$('#btn').click(function(e){    
      $('#fancy').fadeOut('slow', function(){
         $('#fancy').fadeIn('slow');
      });
  });
  
  &lt;div&gt;&lt;a href="#" id="btn"&gt;fade div&lt;/a&gt;&lt;/div&gt;
  &lt;div id="fancy"&gt;Fancy Div&lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/3XwZv/1859/" rel="nofollow">http://jsfiddle.net/3XwZv/1859/</a></p>
  
  <p>my asp.net page:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
   &lt;script type="text/javascript" src="../javascript/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" src="../javascript/jquery-ui.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" class="init"&gt;
  
  
      $('#btn').click(function (e) {
          $('#fancy').fadeOut('slow', function () {
              $('#fancy').fadeIn('slow');
          });
      });
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div&gt;&lt;a href="#" id="btn"&gt;Fade div&lt;/a&gt;&lt;/div&gt; 
  &lt;div id="fancy"&gt;Fancy Div&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>