title: Select2 Ajax Method Not Selecting
body: <p>Ok, I'm sure there's something simple set wrong here but I'm not 100% what it is.</p>
  
  <p>So I am trying to use <a href="http://ivaynberg.github.com/select2/">Select2</a> AJAX method as a way of users to search a database and select a result.  The call itself is coming back with results, however it will not allow me to select the answer from the list.  It also doesn't seem to allow you to "select" it on hover or up/ down arrow.  So without further ado, here is my code:</p>
  
  <h3>index.html</h3>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"&gt;&lt;/script&gt;
          &lt;link rel="stylesheet" type="text/css" href="select2/select2.css" media="screen" /&gt;
          &lt;script src="select2/select2.js"&gt;&lt;/script&gt;
          &lt;script src="select.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;input type="text" style="width: 500px" class="select2"&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h3>select.js</h3>
  
  <pre><code>jQuery(function() {
  
    var formatSelection = function(bond) {
      console.log(bond)
      return bond.name
    }
  
    var formatResult = function(bond) {
      return '&lt;div class="select2-user-result"&gt;' + bond.name + '&lt;/div&gt;'
    }
  
    var initSelection = function(elem, cb) {
      console.log(elem)
      return elem
    }
  
      $('.select2').select2({
        placeholder: "Policy Name",
        minimumInputLength: 3,
        multiple: false,
        quietMillis: 100,
        ajax: {
          url: "http://localhost:3000/search",
          dataType: 'json',
          type: 'POST',
          data: function(term, page) {
            return {
              search: term,
              page: page || 1
            }
          },
          results: function(bond, page) {
            return {results: bond.results, more: (bond.results &amp;&amp; bond.results.length == 10 ? true: false)}
          }
        },
        formatResult: formatResult,
        formatSelection: formatSelection,
        initSelection: initSelection
      })
  })
  </code></pre>
  
  <h3>JSON Response</h3>
  
  <pre><code>{
    error: null,
    results: [
      {
        name: 'Some Name',
        _id: 'Some Id'
      },
      {
        name: 'Some Name',
        _id: 'Some Id'
      }
    ]
  }
  </code></pre>
  
  <p>Everything seems to pull in correctly, however I am unable to actually select the answer and have it input into the box.  Is there a problem somewhere in my code?</p>