title: jQuery Tag-It - using a value and label object list
body: <p>Just tried the excellent Tag-It! plug-in for jquery (<a href="http://aehlke.github.com/tag-it/" rel="noreferrer">http://aehlke.github.com/tag-it/</a>), but I can't get it to work how I would like.</p>
  
  <p>I have an object list like this:</p>
  
  <pre><code>var food = [{value:1,label:'Pizza'},{value:2,label:'Burger'},{value:3,label:'Salad'}];
  </code></pre>
  
  <p>Which I pass to the tagSource option in my setup:</p>
  
  <pre><code>$("#my_food_tags").tagit({
      tagSource: food,
      singleField: true,
      singleFieldNode: $("#my_food"),
      placeholderText: "Start typing a food name"
  });
  </code></pre>
  
  <p>This works fine, except when I click the auto-complete list item, it displays the numeric value in the tag, rather than the food name.</p>
  
  <p>Therefore, it is possible to have to 'value' entered in to the hidden field, and the 'label' to show as the tag name?</p>
  
  <p>Here is a screen-shot of what I mean. The value is appearing in the tag label, and the label is being lost to the ether ;-)</p>
  
  <p><img src="https://i.stack.imgur.com/H9pHG.jpg" alt="Example of label text being lost"></p>
  
  <p>Could anyone please help me here? It would be very much appreciated!</p>
  
  <p>Thanks in advance,
  Seb</p>