title: jquery autocomplete returns [object Object]
body: <p>I've been beating my head against the wall trying to get this work.  I'm not very good at this so i'm sure i'm missing something simple.  I have searched the knowledgebase but i haven't found something that helps and i'm pretty sure there's a better way of accomplishing this.</p>
  
  <p>I'm trying to have my input field autocomplete but it returns [object Object].  Any help would be greatly appreciated.  Thanks!</p>
  
  <p>jquery:</p>
  
  <pre><code>&lt;script&gt;
  $('#client_id').autocomplete({
      source: function( request, response ) {
          $.ajax({
              type: "POST",
              url: '/slips/suggest',
              dataType: "json",
              data: {
                 user_input: request.term
              },
               success: function( data ) {
                   response( $.map( data, function( item ) {
                      return {
                          label: item,
                          value: item
                      }
                  }));
              }
          });
      },
      autoFocus: true,
      minLength: 3
  });
    &lt;/script&gt;
  </code></pre>
  
  <p>json output:</p>
  
  <pre><code>[{"label":"Doe, John","value":"1"},{"label":"Doe, Jane","value":"2"},{"label":"Doe, Jack","value":"3"},{"label":"Doe, Jake","value":"4"},{"label":"Doe, Jim","value":"5"}]
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div style="height: 20px;float: left;display: inline-block;padding-top:15px;"&gt;
  &lt;span class="new_slip"&gt;Client&lt;/span&gt;
  &lt;input type="text" id="client_id" name="client_id" style="width:100px;" /&gt;
  &lt;/div&gt;
  </code></pre>