title: auto-complete list showing after 3 character
body: <p>I am showing autocomplete list when a user type in text box. When usr type then i call AJAX call and get results from server, Then show then in autocomplete. Everything is working fine after entering 2 or 3 character in text box, Autocomplete list will be shown. But if i enter only single character then list is not showing. I traced my code and ajax call is sucessfully called, But failed to show autocomplete. 
  Here is my code:-</p>
  
  <pre><code>             $('.search_').each(function () {
               var id=this.id;
                $('#'+this.id).unbind("propertychange change keyup paste input").on("propertychange change keyup paste input", function(e){
                 if(e.keyCode === 13){
              $('#'+this.id+"_search").click();
              }
              var inputId=$("#"+id+"_val").val(); 
                  var gridId=id.substring(0,SecondIndexOf("_",id));
                  var url='dtmReader.php';
                  var a='{"functioncd":"dataspin","userguid":"'+$('#uid').val()+'","sessguid":"'+$('#sessid').val()+'","transguid":"","tablename":"'+$('#tblName_'+gridId).val()+'", "qufield0":"'+inputId+'","quvalue0":"'+$('#'+this.id).val()+'"}';
                      request = $.ajax({
                        dataType: 'text',
                     type: "POST",
                      url: url,
                       data:{str:a}
                   });
           request.done(function(response, textStatus, jqXHR) {
           var response12=JSON.parse(response.split("{{").join("{"));
              var autoCompleteArray=[];
              for(var i=0;i&lt;response12.length;i++){
              autoCompleteArray.push(response12[i].datavalu);
              }
              console.log(autoCompleteArray);
              $("#"+id).autocomplete({ source: autoCompleteArray,
              select: function (event, ui) { 
              $('#'+this.id+"").val(ui.item.value);
              $('#'+this.id+"_search").click();
              $("#"+this.id+"_searchField").val();
              }});
           });
           request.fail(function(jqXHR, textStatus, errorThrown) {
            //   console.log(textStatus);
           });
                      });
               });     
  </code></pre>
  
  <p>All JS and CSS of page:-</p>
  
  <pre><code> &lt;!-- Bootstrap core CSS --&gt;
  &lt;link href="Scripts/bootstrap.min.css" rel="stylesheet"&gt;
  
  &lt;!-- Custom styles for this template --&gt;
  &lt;link href="Scripts/justified-nav.css" rel="stylesheet"&gt;
  &lt;script type="text/javascript" src="lib/jquery-1.10.1.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.5"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.5" media="screen" /&gt;
  
  &lt;!-- Add Button helper (this is optional) --&gt;
  &lt;link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-buttons.css?v=1.0.5" /&gt;
  &lt;script type="text/javascript" src="source/helpers/jquery.fancybox-buttons.js?v=1.0.5"&gt;&lt;/script&gt;
  
  &lt;!-- Add Thumbnail helper (this is optional) --&gt;
  &lt;link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" /&gt;
  &lt;script type="text/javascript" src="source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"&gt;&lt;/script&gt;
  
   &lt;!-- Add Media helper (this is optional) --&gt;
  &lt;script type="text/javascript" src="source/helpers/jquery.fancybox-media.js?v=1.0.6"&gt;&lt;/script&gt;
   &lt;!--evol colur picker --&gt;
  &lt;link id="jquiCSS" rel="stylesheet" href="Scripts/jquery-ui.css" type="text/css" media="all"&gt;
  
  &lt;script src="Scripts/jquery-ui.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link href="assets/evol.colorpicker.min.css" rel="stylesheet" /&gt; 
  &lt;script src="js/evol.colorpicker.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="./assets/jqpagination.css" /&gt;  
  &lt;link rel='stylesheet' type='text/css' href='assets/colorpicker.css' /&gt;
  &lt;script src="assets/jquery.uploadify.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="assets/jscolor-1.4.3/jscolor/jscolor.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="assets/uploadify.css"&gt;
  &lt;!-- &lt;script src="assets/jquery-ui.js"&gt;&lt;/script&gt;--&gt;
  &lt;script type="text/javascript" src="js/tinymce/tinymce.min.js"&gt;&lt;/script&gt;
  &lt;link rel='stylesheet' type='text/css' href='assets/style.css' /&gt;
   &lt;script type='text/javascript' src='assets/colorpicker.js'&gt;&lt;/script&gt;
   &lt;script type='text/javascript' src='assets/buttonmaker.js'&gt;&lt;/script&gt;
  &lt;script src="./js/jquery.jqpagination.js"&gt;&lt;/script&gt;
  </code></pre>