Radio button toggle issue

Radio button toggle issue

Does anybody know how to fix the toggle failure problem if the radio button set TRUE at the very first beginning? I have to click twice to toggle the radio if the button is already checked, but my code can work perfectly if radio button unchecked at the beginning. Thanks for any help. 

JSFiddle is here:  JSFiddle

Or you can check the code here...
HTML part:
  2. <input type="radio" id="toggleMe" checked>
  3. <label for="toggleMe">Toggle Me!</label>
JQuery part:
  2. $("#toggleMe").click(function(){
  3. var radio = $(this);
  4. if(radio.data("waschecked") == true){
  5. radio.prop("checked", false);
  6. radio.data("waschecked", false);
  7. } else{
  8. radio.data("waschecked", true);
  9. }
  10. });