javascript - How to show loader for Jquery UI autocomplete? -

i not able show loader image jquery autocomplete. have gone through of links available in web. none works perfectly. says adding css resolve issue. not work case.

.ui-autocomplete-loading {    background:url('http://localhost/tt/loading.jpg') no-repeat right center  } 

please help.here code.

$(document).ready(function() {      var availabletags = [      "actionscript",      "applescript",      "asp",      "basic",      "c",      "c++",      "clojure",      "cobol",      "coldfusion",      "erlang",      "fortran",      "groovy",      "haskell",      "java",      "javascript",      "lisp",      "perl",      "php",      "python",      "ruby",      "scala",      "scheme"    ];      $("#tags").autocomplete({        source: availabletags    });        });

.ui-autocomplete-loading {    background: url('http://s28.postimg.org/ovve48q21/ajax_loader.gif') no-repeat right center  }

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>  <div class="ui-widget">    <label for="tags">tags:</label>    <input id="tags" />  </div>