title: I want to add ajax loading gif to my website but my code is not working
body: <p>I am working on an uploader for my website <a href="http://notes-store.com/" rel="nofollow">http://notes-store.com/</a></p>
  
  <p>I want to show a loading <code>.gif</code> image while loading the select box with my sub category options using AJAX.</p>
  
  <p>My current code:</p>
  
  <pre><code>function category_change(kuchbhi) {
      var catID = $(kuchbhi).val();   
      $.ajax({
          type: "GET",
          url: "subCategory.php?category="+catID,
          beforeSend: function () {
               $("#loder").html('&lt;img src="images/loader.gif" /&gt; Now loding...');
          },
          success: function(data){
              $('#select3').html(data);
          }
       });
  }
  </code></pre>