title: jQuery multiple autocomplete with different input IDs
body: <p>I use jQuery autocomplete and have multiple input fields with different IDs, and they are populated from a MySQL database.</p>
  
  <pre><code>  $("#CCU1").autocomplete({
    minLength : 1,
    source: function( request, response ) {
      $.ajax({
        url:"&lt;?php echo site_url().'gsimc/autocomplete'; ?&gt;",
        dataType: 'json',
        data: { 
          term  : $("#CCU1").val(),
          column: 'course',
          tbl   : 'tbl_courses'
        },
        success: function(data){
          if(data.response == 'true') {
            response(data.message);
          }
        }
      });
    }
  });
  </code></pre>
  
  <p>The input fields has IDs of CCU1...CCU5, name='course'. Any idea how to autocomplete the five input fields instead of hardcoding each one?</p>
  
  <pre><code>Course1: &lt;input type='text' name='course[]' id='CCU1'/&gt;&lt;br /&gt;
  Course2: &lt;input type='text' name='course[]' id='CCU2'/&gt;&lt;br /&gt;
  Course3: &lt;input type='text' name='course[]' id='CCU3'/&gt;&lt;br /&gt;
  Course4: &lt;input type='text' name='course[]' id='CCU4'/&gt;&lt;br /&gt;
  Course5: &lt;input type='text' name='course[]' id='CCU5'/&gt;&lt;br /&gt;
  </code></pre>