title: JQuery struggling to get value from radio button
body: <p>I have a simple form like so</p>
  
  <pre><code> &lt;form&gt;
      &lt;label class="radio-inline"&gt;&lt;input type="radio" name="optradio" value="yes" checked="checked"&gt;Yes&lt;/label&gt;
      &lt;label class="radio-inline"&gt;&lt;input type="radio" name="optradio" value="no"&gt;No&lt;/label&gt;&lt;br&gt;&lt;br&gt;
      &lt;button type="submit" class="btn artBtn" title="click here "&gt;Submit &amp;gt;&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>This form is used across several pages, but I dont think that should matter.
  I then do the following</p>
  
  <pre><code>$(".artBtn").click(function(e) {
      e.preventDefault();
      if ($('input[name="optradio"]:checked').size() &gt; 0) {
          $('.contentDiv').html('&lt;p&gt;Thanks!&lt;/p&gt;');
          submitData($(this).val());
      }
  });
  </code></pre>
  
  <p>Why would the value I send to submitData be empty?  I have tried retrieving it directly though the input as well, but if I do this it is undefined.  How can I get the appropriate selected value?</p>
  
  <p>Thanks</p>