Input Associated with Radio button

I am trying to get the associated input box value of the radio button. But it always returns the value associated with the first radio button irrespective of the radio selection. How to get the write one.

Here my sample code

<script>
$(function (){

    $('#viewMyAsyncRequest input').on('change', function() {
     var obj1 = $("#viewMyAsyncRequest input[name=radioInput]:checked").parents();
     alert("content : " + obj1.html() + " value is :" + obj1.find("#inputId").val());
    });
});
</script>
</head>
<body>

<div class="container">
<form id="viewMyAsyncRequest">
    <div class="radio">
      <input type="radio" name="radioInput"/><label>Option 1</label>
      <input id="inputId" value="option1"></input>
    </div>
    <div class="radio">
      <input type="radio" name="radioInput"/><label>Option 2</label>
      <input id="inputId" value="option2"></input>
    </div>
    <div class="radio ">
      <input type="radio" name="radioInput" /><label>Option 3</label>
      <input id="inputId" value="option3"></input>
    </div>
</form>
</div>

Topic Participants
sks_369
jakecigar

Input Associated with Radio button

Input Associated with Radio button

Topic Participants

sks_369

jakecigar