title: Search suggestions on keyup
body: <p>I am working on a Here Maps based web application.</p>
  
  <p>I'd like to implement its search suggestions feature to an <code>&lt;input type="text" /&gt;</code>which is an input to plan directions.</p>
  
  <p>I'd like to have the search suggestions appear on jQuery's <code>keyup event</code>, in the same manner that google maps has.</p>
  
  <p>This is my code so far:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;input type="text" name="waypoints[]" id="waypoint-1" class="waypoint" /&gt;
  </code></pre>
  
  <p>A basic jQuery keyup event handler</p>
  
  <pre><code>$('.waypoint').on('keyup', function () {
  
  });
  </code></pre>
  
  <p>And here's the code that I should use, found in the <a href="http://developer.here.com/javascript-apis/documentation/maps/topics/places-search.html" rel="nofollow">documentation</a> and the <a href="http://developer.here.com/javascript-apis/api-explorer" rel="nofollow">api explorer</a></p>
  
  <pre><code>var searchBox = new nokia.places.widgets.SearchBox ({
      targetNode: 'waypoint-1',
      searchCenter: function () {
          return {
              latitude: 52.516274,
              longitude: 13.377678
          }
      },
      onResults: function (data) {
          console.log(data.results.items);
      }
  });
  </code></pre>
  
  <p>How can I display search suggestions every time the user releases a key? Where should I put the SearchBox's code in my event handler to respond to that event? Whats the <code>searchCenter</code> parameter?</p>