1.                                 <div class="control-group">
2.                                      <label class="control-label">Category Name</label>
3.                                    
4.                                      <div class="controls">
5.                                          <?php
6.                                          $params = array(
7.                                                    'id'            => 'category',
8.                                                    'name'          => 'category-name',
9.                                                    'placeholder'   => 'Type in the name of the category',
10.                                                    'class'         => 'input-xxlarge',
11.                                                    'autocomplete'  => 'off'
12.                                          );
13.                                          echo form_input($params);
14.                                          ?>
15.                                      </div>
16.                                      <div id="category-suggestions">
17.                                           <div class="suggestions" id="category-autoSuggestionsList">
18.                                           </div>
19.                                      </div>
20.                                      <span class="help-block autocomplete">Start typing the category name. There will be suggestions under a pop-up list. The suggestions list will appear as you write the category name. If your category is found between the suggestions, you can directly click it.</span>
21.                                
22.                                 </div>

javascript

1. <script src="<?php echo base_url(); ?>assets1/js/jquery-1.7.2.min.js"></script>
   
   <script type="text/javascript">
   $(document).ready(function() {
        var item1 = '#category-suggestions';
        var item2 = '#category';
        var item3 = '#category-autoSuggestionsList';
    
        $(item1).hide();
    
        function lookup(fieldSuggestions, fieldSuggestionsList, inputString) {
             if(inputString.length == 0) {
                  $(fieldSuggestions).hide();
             } else {
                  $.post("http://www.domain.com/home_members/search_customer/",
                  {queryString: ""+inputString+""},
                  function(data){
                       if(data.length >0) {
                            $(fieldSuggestions).show();
                            $(fieldSuggestionsList).html(data);
                       }
              });
             }
        }
    
        function fill(fieldId, fieldSuggestions, thisValue) {
             $(fieldId).val(thisValue);
             setTimeout("$('" + fieldSuggestions + "').hide();", 200);
        }
    
        $(item2).keyup(function() {
             lookup(item1, item3, $(item2).val());
        });
    
        $(item3 + " li").live('click', function() {
             fill(item2, item1, $(this).attr('title'));        
        });
   });
   </script>

search_customer controller

1. function search_customer() {
           $this->load->model('customers', 'category');
           $query= $this->customers->entries();
    
           foreach($query->result() as $row):
           	echo "<li title='" . $row->category_name . "'>" . $row->category_name . "</li>";
           endforeach;    
       }

entries Model 

tblname: customers

1. 
   
2.      public function entries() {
             $this->db->select('category_name');
             $this->db->like('category_name', $this->input->post('queryString'), 'both');
             return $this->db->get('customers', 10); 
        }