OnBlur effect for select dropdown
<p>I have a select dropdown and if a user clicks 'outside' of that select dropdown, I want it to disappear. This is what I currently have:</p>

<pre><code>$(this).html($("&lt;select/&gt;", {
  id: 'sel',
  change: function() {
    selectdone(this, title_id, status_type);
  },
  blur: function() {
    selectdone(this, title_id, status_type);
  },
</code></pre>

<p>In the above, if I click outside of the dropdown, nothing happens. The only time the function is firing is if I <strong>change</strong> the value of the select dropdown.</p>

<p>How would I accomplish the above, such that when a user clicks anywhere on the document outside of the select dropdown, it fires this function?</p>
