title: get radio value using jquery using .prop
body: <p>I want a form where the user has 3 different radio buttons and once one is clicked a different message will display depending on which radio button they pick.</p>
  
  <p>Here is some of my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> if ($('#Jordanstown').prop('checked')) 
    {
     alert("Yeah, we are on the same campus")
     }
     
     if ($('#Belfast').prop('checked')) {
     alert("Ah, we are not on the same site")
     }</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form name ="mycampous"&gt;
  
  &lt;input type ="radio" name ="Jordanstown"&gt;Jordanstwon&lt;/input&gt;
  &lt;input type ="radio" name ="Belfast"&gt;Belfast&lt;/input&gt;
  &lt;input type = "button" value="select" onclick= "campous();"&gt; &lt;/input&gt;
    &lt;/form&gt; </code></pre>
  </div>
  </div>
  </p>