title: get selected radio value
body: <p>This is the HTML block with radiobuttons:</p>
  
  <pre><code>&lt;div id="lokationcontent" class="form-group"&gt;
     &lt;div class="radio"&gt;
        &lt;label&gt;&lt;input type="radio" name="radioButtonGroup" id="ls0" value="Lokation_Stapelgatan Karlstad"&gt;Stapelgatan Karlstad&lt;/label&gt;
     &lt;/div&gt;
     &lt;div class="radio"&gt;&lt;label&gt;&lt;input type="radio" name="radioButtonGroup" id="ls1" value="Lokation_Torggatan Karlstad"&gt;Torggatan Karlstad&lt;/label&gt;&lt;/div&gt;
     &lt;div class="radio"&gt;&lt;label&gt;&lt;input type="radio" name="radioButtonGroup" id="ls2" value="Lokation_Värmlandsgatan Karlstad"&gt;Värmlandsgatan Karlstad&lt;/label&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I try to access the selected value with the following jquery code:</p>
  
  <pre><code>$('input[name="radioButtonGroup"]:checked').value
  </code></pre>
  
  <p>But the value is undefined when i console.log it, what am i doing wrong?</p>