Why does not self focus work in javascript?
<p>Whenever a blur event is triggered from any input element, I want to set focus to one particular element. </p>

<p>But this <em>only works</em>, when the element I am trying to focus on to, is <strong><em>not</em></strong> the one triggering the event.</p>

<blockquote>
  <p><strong><a href="http://jsfiddle.net/Lx6Cx/" rel="nofollow">[Issue Illustration]</a></strong>
  <em><strong>and explanation as per the fiddle:</em></strong></p>
  
  <ul>
  <li>The element I am trying to focus to is <code>col0</code></li>
  <li>Unless the element to trigger the blur event is not <strong><code>col0</code></strong> it works perfect</li>
  <li>But when blur is triggered from <code>col0</code> itself, then <code>$("#col0").focus()</code> does not work.</li>
  </ul>
</blockquote>

<p><strong>Q:</strong> Why? &amp; What is the workaround/solution?</p>

<p><sub><strong>P.S:</strong> I am just trying to know the cause of the behavior and ways to overcome it. Concerns about the usability, is <strong>not the question</strong>.</sub></p>
