title: Get Radio Button value with jquery/Ajax
body: <p>I have these radio buttons.</p>
  
  <pre><code>&lt;input type="radio" id="flip" name="flip" value="Head" checked="checked" /&gt; Head
  &lt;input type="radio" id="flip" name="flip" value="Tail"  /&gt; Tail
  </code></pre>
  
  <p>I am trying to process a form with ajax for which I tried to get the value of these radio buttons with this</p>
  
  <pre><code>var dataString = {
      flip: $("#flip").val()
  };
  console.log(dataString.flip);
  </code></pre>
  
  <p>Now when I do <code>console.log</code> to check the value its sending I am always getting <code>Head</code> and not Tail even if I select Tail as a choice. Can anyone help me as why is it so?</p>