bind focus to a radio button
<p>I'm working in chrome 12, my code is below.</p>

<p>HTML:</p>

<pre><code>&lt;input type="radio" class="tooltip" title="test1" name="group" value="1"&gt; 1&lt;br&gt;        
&lt;input type="radio" class="tooltip" title="test2" name="group" value="2"&gt; 2&lt;br&gt;
&lt;input type="radio" class="tooltip" title="test3" name="group" value="3" checked&gt; 3&lt;br&gt;
&lt;input type="text" class="tooltip" value="4" title="test4"&gt;&lt;br&gt;
&lt;div class="result"&gt; THIS SHOULD UPDATE WHEN YOU FOCUS ON ONE OF THE INPUTS &lt;/div&gt;
</code></pre>

<p>​
JavaScript:</p>

<pre><code>$('.tooltip').bind('focus', function(ev) {
 $('.result').html( this.value );
});
</code></pre>

<p>(<a href="http://jsfiddle.net/b9erh/3/" rel="nofollow">fiddle</a>) </p>

<p>Is it possible to bind a focus event to a radio button? Can you offer an alternative? </p>
