title: Auto complete with datatables jquery search
body: <p>I want to implement Auto complete <a href="http://jqueryui.com/autocomplete/" rel="nofollow">http://jqueryui.com/autocomplete/</a> to filter on each column</p>
  
  <p>in datatables jquery plugin.</p>
  
  <p>For example if i want to search Embeded Devices with ED in datatables search it will not do it for me...So i want to show auto complete and when user select it from list then i want 
  datatable to filter.</p>
  
  <pre><code>var oTable = $('#listings_row').dataTable( );
  $("thead input").keyup( function (
                  oTable.fnFilter( this.value, parseInt($(this).attr('id')) );
              } );
  
  
              $("thead input").each( function (i) {
                  asInitVals[i] = this.value;
              } );
  
              $("thead input").focus( function () {
                  if ( this.className == "search_init" )
                  {
                      this.className = "";
                      this.value = "";
                  }
              } );
  
              $("thead input").blur( function (i) {
                  if ( this.value == "" )
                  {
                      this.className = "search_init";
                      this.value = asInitVals[$("#listings_row thead input").index(this)];
                  }
              } );
  </code></pre>
  
  <p>How i can do it?</p>