Ok, I&#39;m sure there&#39;s something simple set wrong here but I&#39;m not 100% what it is.

So I am trying to use [Select2](http://ivaynberg.github.com/select2/) 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&#39;t seem to allow you to &quot;select&quot; it on hover or up/ down arrow.  So without further ado, here is my code:

### index.html ###

    &lt;html&gt;
    	&lt;head&gt;
    		&lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js&quot;&gt;&lt;/script&gt;
    		&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;select2/select2.css&quot; media=&quot;screen&quot; /&gt;
    		&lt;script src=&quot;select2/select2.js&quot;&gt;&lt;/script&gt;
    		&lt;script src=&quot;select.js&quot;&gt;&lt;/script&gt;
    	&lt;/head&gt;
    	&lt;body&gt;
    		&lt;input type=&quot;text&quot; style=&quot;width: 500px&quot; class=&quot;select2&quot;&gt;
    	&lt;/body&gt;
    &lt;/html&gt;

### select.js ###
    jQuery(function() {
    
      var formatSelection = function(bond) {
        console.log(bond)
        return bond.name
      }
    
      var formatResult = function(bond) {
        return &#39;&lt;div class=&quot;select2-user-result&quot;&gt;&#39; + bond.name + &#39;&lt;/div&gt;&#39;
      }
    
      var initSelection = function(elem, cb) {
        console.log(elem)
        return elem
      }
    
    	$(&#39;.select2&#39;).select2({
          placeholder: &quot;Policy Name&quot;,
          minimumInputLength: 3,
          multiple: false,
          quietMillis: 100,
          ajax: {
            url: &quot;http://localhost:3000/search&quot;,
            dataType: &#39;json&#39;,
            type: &#39;POST&#39;,
            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
        })
    })

### JSON Response ###

    {
      error: null,
      results: [
        {
          name: &#39;Some Name&#39;,
          _id: &#39;Some Id&#39;
        },
        {
          name: &#39;Some Name&#39;,
          _id: &#39;Some Id&#39;
        }
      ]
    }

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?

All Jquery Select2-3 Solutions on Gang of Coders

Total of 1 Jquery Select2-3 Solutions

Select2 Ajax Method Not Selecting