How do I set a radio button value using jQuery?

Question

I have the following Radio Buttons:

         <form id="bg" action="#">
            <span id="questionText">Question Test Here:</span><br/>
            <input type="radio" name="bga"><span id="A1"></span></input><br/>
            <input type="radio" name="bga"><span id="A2"></span></input><br/>
            <input type="radio" name="bga"><span id="A3"></span></input><br/>
            <input type="radio" name="bga"><span id="A4"></span></input><br/>
            <input type="button" name="btn" id="btn" value="OK!"/>
         </form>

I want to be able to set the values of each individual radio button with a different value using jQuery.

Answer 1

var i=0;
$(':radio', $('#bg')[0]).each(function() {
  $(this).attr('value', i++).text("Option " + i);  // value=0, text="Option 1", etc.
});

Answer 2

You can give each radio element an id then $("#id").attr("value", "thevalueyouwant") for each one.