Trying to extract value from hidden field closest to LI tag through jquery selector

i am trying to capture value stored in hidden field hdnServiceCode when user will click on btnShipNow button. so here i paste a sample html. i want when user will click on btnShipNow button then i want to extract value from hdnServiceCode hidden field which is closest to btnShipNow button.

here is my html

<div id="rec">
<ul> <li> <input type="hidden" value="65" id="hdnServiceCode"> UPS Express Saver</li>
</ul>
<ul> <li>24.47&nbsp;GBP</li> <li class="nobutton"><span id="rptPrice_ctl01_btnShipNow">Ship Now</span> </li>
</ul>
</div>
<div id="rec">
<ul> <li> <input type="hidden" value="15" id="hdnServiceCode"> UPS Express Saver</li>
</ul>
<ul> <li>11.47&nbsp;GBP</li> <li class="nobutton"><span id="rptPrice_ctl01_btnShipNow">Ship Now</span> </li>
</ul>
</div>

here is my jquery code

$('.nobutton').live("click", function () { alert($(this).closest('ul').closest('div#rec').closest("hdnServiceCode").val()); });

but the above code is not working. where i am making the mistake. please help me to capture value from hidden field which is closest to btnShipNow button. thanks