title: Dropdown list blur event
body: <p>I am building a dropdown list of anchor tags (not a select):</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li class="selected"&gt;&lt;a href="#"&gt;List item 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;List item 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;List item 3&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;List item 4&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>When a user selected the list, it triggers a <em>focus</em> state which shows all items.
  I also want it to <em>blur</em> when the user clicks off of the ul or selects an item.</p>
  
  <p>Is this possible?</p>
  
  <blockquote>
    <p><strong>Note:</strong> <code>.blur()</code> and <code>.focus()</code> only work with form elements.</p>
  </blockquote>