title: How to filter your jquery autocomplete data while typing
body: <p>So far I have the following</p>
  
  <pre><code>var aCleanData = ['aaa','aab','faa','fff','ffb','fgh','mmm','maa'];
  
  $('#my-input').autocomplete({
      source:aCleanData,
      minLength:2
  });
  </code></pre>
  
  <p>Currently if you type <code>aa</code>, <code>aaa,aab,faa,maa</code> will show.</p>
  
  <p>What I would like to do is when the user types <code>ff</code> the data that is shown will be the <code>fff,ffb</code> data.</p>
  
  <p>Basically, only what is typed should be matched from the first character onwards.</p>
  
  <p>This should be recursive. When user types <code>fg</code>, <code>fff,ffb</code> should disapear and only <code>fgh</code> should appear.</p>
  
  <p>Thanks in advance for your help.</p>
  
  <p>UPDATE:</p>
  
  <p>p.s. See what I mean here:</p>
  
  <p><a href="http://jqueryui.com/demos/autocomplete/#default" rel="nofollow">http://jqueryui.com/demos/autocomplete/#default</a></p>
  
  <p>Type <code>sc</code> and you'll see more than just the data beginning with sc.</p>