title: How to add new elements to chosen, when searching on chosen select
body: <p>How to add new value not in chosen.
  I have set 'no_results_text' as <code>&lt;a&gt;</code> tag. its working.
  <code>$('#secondary_diagnosis').chosen({no_results_text: '&lt;a onclick=&quot;add_new_diagnosis()&quot;&gt;Save as New &lt;/a&gt;'});</code>
  <a href="https://i.stack.imgur.com/I4lYo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/I4lYo.png" alt="enter image description here" /></a></p>
  <p>This is my Code:</p>
  <p>But if i want add new value in half of exiting value, then 'no_results_text' not showing. i need solution for call my predefined function <code>add_new_diagnosis()</code>.</p>
  <p>How Can i put <code>&lt;a&gt;</code> tags on the <code>chosen-search-input</code>?
  <a href="https://i.stack.imgur.com/MumBi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MumBi.png" alt="enter image description here" /></a></p>
  <p>Current code:</p>
  <pre><code>&lt;select class=&quot;col-md-11&quot; name=&quot;secondary_diagnosis&quot; id=&quot;secondary_diagnosis&quot;
        class=&quot;form-control chosen&quot; title=&quot;Diagnosis&quot;&gt;
            &lt;option value=&quot;0&quot;&gt;Other&lt;/option&gt;
            &lt;option value=&quot;0&quot;&gt;other retinal&lt;/option&gt;
            &lt;option value=&quot;0&quot;&gt;Couch&lt;/option&gt;
            &lt;option value=&quot;0&quot;&gt;Fever&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <pre><code>window.onload = function () {
          $('#secondary_diagnosis').chosen({no_results_text: '&lt;a onclick=&quot;add_new_diagnosis()&quot;&gt;Save as New &lt;/a&gt;'});
      }
  </code></pre>