title: Event Listener for Multiple Radio Button Groups
body: <p>How would you have a dynamic Javascript/JQuery event listener to know which radio button group is clicked and retrieve the value of the checked element. For example if I have two radio button groups how would I know which one is clicked? How would I do it for a dynamic number of button groups?</p>
  
  <p>Example of two radio button groups: </p>
  
  <pre><code>&lt;div class="btn-group btn-group-vertical" data-toggle="buttons"&gt;
       &lt;input type="radio" name="input1" value="option1"/&gt;
       &lt;input type="radio" name="input1" value="option2"/&gt;
  &lt;/div&gt;
  &lt;div class="btn-group btn-group-vertical" data-toggle="buttons"&gt;
       &lt;input type="radio" name="input2" value="option1"/&gt;
       &lt;input type="radio" name="input2" value="option2"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><b>Edit:</b> For anyone else wondering which of the following question below so far is "more" right, both are correct as <code>.change(function(e) {</code> is a shortcut for <code>.on('click', function(e) {</code></p>
  
  <p><b>Edit 2:</b>Removed ID's</p>