title: Using Twitter's typeahead.js - calling my WebAPI, how to fill the drop down list in my typeahead input text box?
body: <p>This is my first time using Twitter's <code>typeahead.js</code>.  I've got parts of it working, but what's not working is when I type ahead, the drop down list under the input text box is supposed to fill with values, but instead for me it says "undefined".</p>
  
  <p>Here's my client-side code:</p>
  
  <pre><code>$(document).ready(function () {
      $('input.typeahead-devs').typeahead({
          name: 'movies',
          remote: {
              url: 'http://localhost:61182/api/SixFilm/GetMovies?term=%QUERY',
              dataType: 'json',
          }
      });
  });
  </code></pre>
  
  <p>The URL in the code above works and returns valid JSON.  Here's my UI and my Firebug output:</p>
  
  <p><img src="https://i.stack.imgur.com/psm7F.jpg" alt="enter image description here"></p>
  
  <p>I have a feeling I'm getting "undefined" because my "typeahead" doesn't know what to put for the values in the drop down list.  Is there a particular variable I'm missing in my <code>.typeahead</code> call?  How would I construct my <code>typeahead</code> correctly so that I get values in my drop down list?</p>