title: How do I get the 2nd defined radio button value?
body: <p>This is my html code.</p>
  
  <pre><code>&lt;form id="item"&gt;
  &lt;div class="form-group col-lg-3 col-md-3 col-sm-3 col-sx-3"&gt;
       &lt;label for="itemtype"&gt;Hotel&lt;/label&gt;
       &lt;input type="radio" class="radio" id="itemtype" name="optradio" value="H" checked&gt;
       &lt;label for="itemtype"&gt;AirPort&lt;/label&gt;
       &lt;input type="radio" class="radio" id="itemtype" name="optradio" value="A"&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And this is my jquery.</p>
  
  <pre><code>function save() {
      debugger
  
      $.ajax({
          type: "POST",
          data: { "item": { "itemid": $("#itemid").val(),  "itemtype": $('#itemtype').val() }},
          url: "@Url.Action("Save", "Item")",
          cache:false,
          success: function (data) {
              debugger
              if (data.isSuccess) {
                  alert("Saved Succesfully!");
                  window.location.href = "@Url.Action("Index", "Item")";
              }
          }, error: function (err) {
              alert("Saved Failed!")
              debugger
          }
  });
  }
  </code></pre>
  
  <p>All the time when I trying to save the item type call "A", it never happen. Always this query getting radio button value as "H". I need to pass the 2nd value "A".</p>