title: Animated gif showing still instead of spinning
body: <p>The following snippet i am currently using to display animated gif on button click event to display a loading gif till data returns from server but its only displaying a still image not an animated spin whats wrong here</p>
  
  <p>In jquery</p>
  
  <pre><code>$("#btnSearch").jqxButton({
      theme: theme,
      width: '80',
      height: '25'
  });
  $("#btnSearch").bind('click', function () {
      if (lookupSearchValidation()) {
          $(this).toggle();
          $("#loading").show("fast", function () {
              //method to populate the grid
              LoadLookUpSearchGrid();
          });
      }
  });
  </code></pre>
  
  <p>in html</p>
  
  <pre><code>&lt;img id="loading" src="Images/spinner.gif" alt="" style="display:none;"/&gt;
  &lt;input type="button" value="Search" id='btnSearch' /&gt;
  </code></pre>