title: change 'li' css style based on radio button clicked
body: <p>I would like to change css style of elements on the page, based on radio button checked. I have dynamically added elements on the page, each element has 3 radio buttons, I would like when users press on the radio buttons 1,2 or 3 on each element, so the styles of each element will change ... so far I was able to change all elements styles on the page, but I like to change only particular element style..</p>
  
  <p>I'm sure it is possible, but can't figure out how to do that, probably by passing the ID of each element .. ?! any help please?!</p>
  
  <p>here is my code so far ...</p>
  
  <pre><code>$(document).ready(function(){
      $('input[type="radio"]').click(function() {
          if ($(this).attr("value") == "H") {            
              $("#somestyle li").css("border", "black");
          }
          if ($(this).attr("value") == "M") {
              $("#somestyle li").css("border", "blue");
          }
          if ($(this).attr("value") == "L") {
              $("#somestyle li").css("border", "yellow");
          }
      });
  });
  </code></pre>
  
  <p>this code changing all <code>li</code> elements style, but not the one I've clicked. How to change ONLY one element style?! Any help would be appreciated. Thanks</p>