title: Uncaught RangeError: Maximum call stack size exceeded error and Autocomplete dropdown closing when mouse over for my Autocomplete in Javascript/Jquery
body: <p>I am binding list to Autocomplete control, after binding dropdown is showing but when select item from dropdown list it is not selecting and showing Maximum call stack size exceeded error, </p>
  
  <p>and when i mouse over on autocomplete dropdown, the dropdown is closing, here i am proving my code, please tel me where i did mistake.</p>
  
  <p>HTML Code: </p>
  
  <pre><code>&lt;div style="width: 25%; display: inline-block;" data-bind="foreach: TaskList" id="dvmotherboardsearch"&gt;
    &lt;input style="width: 100%" type="text" id="search" data-bind="value: name, autoComplete: { label: name, value: id }" class="gray search" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS File:</p>
  
  <pre><code>self.memumorysearchlist = function (data, event) {
          motherbord.length = 0;
          var manufactureUrl;
          selectManufacturer = $('#manufacturer').val();
          selectChiplist = $('#model').val();
          if (selectManufacturer !== "" &amp;&amp; selectChiplist !== "")
              manufactureUrl = "https://api.pcpartpicker.com/api/2015.1/part/category/list/?apikey=5612661951b24c58979b7bb372c2a1f0809e2dc9&amp;part_type=motherboard" + "&amp;m=" + selectManufacturer + "&amp;c=" + selectChiplist;            
          $.ajax({
              url: "services/MemoryFinderDataProvider.asmx/PcPartpickerList",
              type: "POST",
              data: "{ 'partlisturl' : '" + manufactureUrl + "'}",
              dataType: "json",
              contentType: "application/json; charset=utf-8",
              error: function (data) {
  
              },
              success: function (data) {
                  var obj;
                  var xmlDoc = $.parseJSON(data.d);
                  var xml1 = $(xmlDoc.parts);
                  for (var i = 0; i &lt; xml1.length; i++) {
                      obj = {};
                      obj['label'] = xml1[i].name;
                      obj['value'] = xml1[i].slug;
                      motherbord.push(obj);
                  }
                  $("#search").autocomplete({
                      source: motherbord,
                      minLength: 0,
                  }).focus(function () {
                      $(this).autocomplete("search", "");
                  });
                  $(document).ready(function () {
                      $("#search").autocomplete("search", "");
                  });                   
              }
  
          });
          $('#ui-id-1').css('height', '400px');
          $('#ui-id-1').css('overflow', 'scroll');            
      }
  </code></pre>