title: Semantic UI Search Selection Dropdown with API.js - api call not happening
body: <p>When debug mode is turned on for Semantic UI, I can see in the console the actions of the search selection dropdown, but I never see the api call when using the API.js/data-action="..." functionality of Semantic (I CAN see the API call if I attach a mock response directly to the search element).  Things are set up as follows:</p>
  
  <p>HTML file:</p>
  
  <pre><code>&lt;head&gt;
      &lt;script type="text/javascript" src="/static/js/API.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>.......</p>
  
  <pre><code>&lt;div class="ui search selection dropdown" data-action="lookup customer"&gt;
    &lt;input type="hidden" id="id_customer"&gt;
    &lt;i class="dropdown icon"&gt;&lt;/i&gt;
    &lt;div class="default text"&gt;Select a Customer...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>API.js file:</p>
  
  <pre><code>var api = {
    'lookup customer' : '/js/cust/{query}'
  };
  </code></pre>
  
  <p>I also tried an alternative variation for the API.js declaration that I saw <a href="http://semantic-ui.com/behaviors/api.html#/usage" rel="nofollow">in the docs</a>:</p>
  
  <pre><code>$.fn.api.settings.api = { . . . 
  </code></pre>
  
  <p>What am I missing?  Also, for the purpose of testing API.js functionality, is there a way to put mockResponses in the API.js file?  I've tried the following but get an "Unexpected token" message.</p>
  
  <pre><code>var api = {
    'lookup customer' : mockResponse: {
                      success: true,
                      results: [
                          {"custName":"Cust 1","data-id":1},
                          {"custName":"Cust 2","data-id":2},
                          {"custName":"Cust 3","data-id":3}
                      ]
                  }
  };
  </code></pre>