How can I select a RadioButton when a TextBox is selected?
<p>I have a <code>TextBox</code> next to a <code>RadioButton</code>, and when someone selects the <code>TextBox</code> it should set the associated <code>RadioButton</code> as Selected.</p>

<p>I was using this code until I noticed it only worked for Chrome:</p>

<pre><code>&lt;asp:RadioButton runat="server" GroupName="SomeGroup" ID="rbOption3" /&gt;
&lt;asp:Label runat="server" AssociatedControlID="rbOption3"&gt;
    &lt;asp:Label runat="server" Text="Pay other amount" /&gt;
    &lt;asp:TextBox runat="server" ID="txtOtherAmount" CssClass="money-text" /&gt;
    &lt;div class="align-with-radiobutton small-text"&gt;
        The minimum amount for web payments is &lt;asp:Label runat="server" ID="lblMinPayment" /&gt;. If you are looking to pay a lower
        amount, please &lt;a href="Contact.aspx"&gt;contact us&lt;/a&gt; and speak with a representative.
    &lt;/div&gt;
&lt;/asp:Label&gt;
</code></pre>

<p><img src="http://i.stack.imgur.com/wJvVg.png" alt="enter image description here"></p>

<p>It behaves differently in all 3 major browsers</p>

<p><strong>IE:</strong> Selection does not change at all when TextBox is selected</p>

<p><strong>FireFox:</strong> Selection changes on <code>MouseUp</code>, which means anytime you select the TextBox, the focus will change to the RadioButton, which makes it seem like the TextBox is not selectable</p>

<p><strong>Chrome:</strong> Works fine since the selection changes on <code>MouseDown</code></p>

<p>My requirement is that users can select any part of the Text, or the TextBox, and it will select the Radio Button.</p>

<p>How can I select an associated RadioButton whenever a TextBox gains focus, either from mouse or keyboard navigation?</p>

<p><strong>Edit</strong></p>

<p>The solution posted by <a href="http://stackoverflow.com/a/9318763/302677">rsbarro</a> works for IE and Chrome, however it is still failing for FireFox. When you select the TextBox in FireFox, the RadioButton steals focus on MouseUp, which makes it look like the TextBox cannot be selected. </p>

<p>I tried using some jQuery, however the <code>.changed()</code> and <code>.focus()</code> don't get fired when selecting the TextBox (they get fired when selecting the Label though), and I can't seem to stop the event.</p>
