title: jquery event listener for radio buttons
body: <p>I'm trying to create a jquery event listener for a set of settings. This is a sample of the radio buttons:</p>
  
  <pre><code>&lt;div class="settings"&gt;
      &lt;input type="radio" id="a1" name="a" value="1" style="display: none;" /&gt;
          &lt;label for="a1"&gt;a1&lt;/label&gt;
      &lt;input type="radio" id="a2" name="a" value="2" style="display: none;" /&gt;
          &lt;label for="a2"&gt;a1&lt;/label&gt;
      &lt;input type="radio" id="a3" name="a" value="3" style="display: none;" /&gt;
          &lt;label for="a3"&gt;a1&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="settings"&gt;
      &lt;input type="radio" id="b1" name="b" value="1" style="display: none;" /&gt;
          &lt;label for="b1"&gt;a1&lt;/label&gt;
      &lt;input type="radio" id="b2" name="b" value="2" style="display: none;" /&gt;
          &lt;label for="b2"&gt;a1&lt;/label&gt;
      &lt;input type="radio" id="b3" name="b" value="3" style="display: none;" /&gt;
          &lt;label for="b3"&gt;a1&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need a jquery listener for when a radio button is clicked, but I'm getting confused because the radio buttons aren't clicked, they're hidden. It's the labels that are clicked. I also need to know which button is clicked. This is far as I've gotten:</p>
  
  <pre><code>$('.settings label').click(function() {
      alert("Something was clicked"); // test - not working
      // need something to determine what was clicked
      updateSettings('a', 'value'); // what was checked, and the value, stored to database via separate function
  });
  </code></pre>
  
  <p>But this doesn't work, and I don't know how to tell WHAT was clicked (a1, a2.. b2, etc.)</p>