JQuery and multiple radio button groups problem
<p>I am having trouble using JQuery to work with multiple radio button groups.  The JQuery code, for some reason, cannot tell the difference between the two groups of radio buttons and cannot tell which group of radio button I clicked on.</p>

<p>Here is the HTML code:</p>

<pre><code>&lt;!-- Radio button group 1 --&gt;
&lt;input type="radio" name="group_1" value="full_day_ticket"/&gt;
&lt;input type="radio" name="group_1" value="half_day_ticket"/&gt;

&lt;!-- Radio button group 2 --&gt;
&lt;label&gt;&lt;input type="radio" name="group_2" value="boarder"/&gt; Snowboard&lt;/label&gt;
&lt;label&gt;&lt;input type="radio" name="group_2" value="skier"/&gt; Ski&lt;/label&gt;
</code></pre>

<p>And the JQuery code is as follows:</p>

<pre><code>$("input:radio[@name='group_2']").click(function() {
  alert('group 2 clicked');
}
</code></pre>

<p>Now when I click on the radio buttons named 'group_1', JQuery thinks that I clicked on a radio button in 'group_2' and displays the alert window.  For some reason, it seems that JQuery is not recognising the @name='group_2' filter and captures clicks on all radio buttons on the page, instead of just the radio buttons named 'group_2'.</p>

<p>Has anyone come across this problem before?  Or am I doing something stupid?</p>

<p>Thanks!</p>
