title: jquery get radio value on change
body: <p>i am using: <a href="http://blogs.digitss.com/javascript/jquery-javascript/jquery-fancy-custom-radio-and-checkbox/" rel="nofollow">http://blogs.digitss.com/javascript/jquery-javascript/jquery-fancy-custom-radio-and-checkbox/</a></p>
  
  <p>simple code:</p>
  
  <pre><code>&lt;input type="radio" id="a1" class="b1" name="shipping" checked value="single"&gt;
  &lt;input type="radio" id="a1" class="b1" name="shipping" value="married"&gt;
  &lt;input type="radio" id="a1" class="b1" name="shipping" value="widowed"&gt;
  </code></pre>
  
  <p>simple head:</p>
  
  <pre><code>$(document).ready(function(){
      $(".radio").dgStyle();
      $(".checkbox").dgStyle();
  
  });
  </code></pre>
  
  <p>if i add to $(document).ready , after ($".checkbox").dgStyle();  The following:</p>
  
  <pre><code>alert($('input:radio[name=shipping]:checked').val());
  </code></pre>
  
  <p>it works fine!</p>
  
  <p>but - if i do something like that, it is not working:</p>
  
  <pre><code>$(function() {
  
      $("input:radio[name=shipping]:checked").change(function() {
          alert("123");
      });
  
  });
  </code></pre>
  
  <p>i tried to remove :checked, still not working.</p>
  
  <ul>
  <li>maybe you know different jquery custom buttons in that same colors, which can does it..?</li>
  </ul>