title: How to show loading image (animated .gif file) inside autocomplete textbox using MVC3
body: <p>I have implemented Autocomplete textbox in my asp.net MVC3 application, but I am unable to show loading image inside textbox during search.
  My code is </p>
  
  <blockquote>
    <p><strong>Javascript</strong></p>
  </blockquote>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script language="javascript" type="text/javascript"&gt;
  
  $(document).ready(function () {
      $("#txtPONO").autocomplete({
          source: "/Transection/GetPONO",
          minLength: 2,
          select: function (event, ui) {
              $("#hdnPurContID").val(ui.item.id);
          }
      });
  });
  
  
  &lt;/script&gt;
  </code></pre>
  
  <blockquote>
    <p><strong>View</strong></p>
  </blockquote>
  
  <pre><code>&lt;div style="float: left; padding: 9px 5px 5px 5px; width: 80px; vertical-align: middle"
                                  class="fieldHead"&gt;
                                  Enter @Html.LabelFor(l =&gt; l.PurchaseContract.AOPLPONO)
                              &lt;/div&gt;
                              &lt;div style="float: left; width: 200px; padding: 5px 0px 5px 0px;"&gt;
                                  @Html.TextBoxFor(m =&gt; m.PurchaseContract.AOPLPONO, new { @id = "txtPONO", @class = "textbox", @style = "width:100%" })
                              &lt;/div&gt;
                              &lt;div style="float: left; width: 50px; padding: 4px 0px 0px 5px;"&gt;
                                  &lt;img alt="search" src="../../Content/images/Search.png" /&gt;
                                  @Html.HiddenFor(model =&gt; model.PurchaseContract.PurContID, new { @id = "hdnPurContID" })
                              &lt;/div&gt;
  </code></pre>
  
  <p>I want to show a small loading image inside textbox on right side </p>