title: Selecting parent ID and value of radio button, inserting into a textarea
body: <p>I have lots of rows and columns in a table.
  When a radio button is selected, I need to get it's value and the id of its parent element.</p>
  
  <p>I will then use these to update a textarea or a input field.</p>
  
  <p>There will be a another button that will take the values from the text-area and sync it to the database.</p>
  
  <p>I have it somewhat working for a single row, but once the radio buttons are clicked/updated the divs also gets updated.</p>
  
  <pre><code>$(function() {
    $("input:radio").click(function() {
      var selectedId = $(this).parent().parent().attr('id');
      var clicked = [];
      $("input[type=radio]:checked").each(function() {
      clicked.push(selectedId+":"+this.value);
      }); //checked
      $("#an\\.ret\\.sys\\.4\\.").val(clicked);
    });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/19eggs/PYcH3/5/" rel="nofollow">jsFiddle</a></p>
  
  <p>Any idea where I am going wrong?</p>
  
  <p>So when the radio button A of 1st row is clicked -- the text area should have 100~12~9:00 and when radio button D of 2nd row is clicked -- the text area should have 100~12~9:00, 100~16~23:03.</p>