Changing value of hidden field inconsistent?

Changing value of hidden field inconsistent?

I am working on bringing my existing website to the iphone/ipod using jqtouch and jquery.

I am stuck using the following code to change the value of a form's hidden field with the value of a clicked link. It works for the first two clicks then no matter what other link is clicked the form's hidden field value is changed to the value of the first or second clicked link?

Is there a more robust, reliable way of achieving my aim?

Snippets of code below.

Many thanks,

Chris 
  2. ...
    $(document).ready(function(){ $('a[name]').click(function() { var str_id = $(this).attr("value"); $("#bookingperiod").val(str_id); }); });
    ...
    <div class="info">Thu Jun 3rd 2010</div> 
  3. <li>1 - WLR</li> 
  4. <li>2 - WLR</li> 
  5. <li class="arrow"><a href="#bookingform" name="1275541200-3" value="1275541200-3">3 - Free</a></li> 
  6. <li class="arrow"><a href="#bookingform" name="1275541200-4" value="1275541200-4">4 - Free</a></li> 
  7. <li class="arrow"><a href="#bookingform" name="1275541200-5" value="1275541200-5">5 - Free</a></li> 
  8. <li class="arrow"><a href="#bookingform" name="1275541200-6" value="1275541200-6">6 - Free</a></li> 
  9. <li class="arrow"><a href="#bookingform" name="1275541200-7" value="1275541200-7">7 - Free</a></li> 
  10. <li>8 - WLR</li> 
  11. <div class="info">Fri Jun 4th 2010</div> 
  12. <li>1 - MCY</li> 
  13. <li>2 - MCY</li> 
  14. <li class="arrow"><a href="#bookingform" name="1275627600-3" value="1275627600-3">3 - Free</a></li> 
  15. <li class="arrow"><a href="#bookingform" name="1275627600-4" value="1275627600-4">4 - Free</a></li> 
  16. <li class="arrow"><a href="#bookingform" name="1275627600-5" value="1275627600-5">5 - Free</a></li> 
  17. <li class="arrow"><a href="#bookingform" name="1275627600-6" value="1275627600-6">6 - Free</a></li> 
  18. <li>7 - EY</li> 
  19. <li>8 - EY</li> 
  20. </ul>
  21. ...
  23. <div id="bookingform"> 
  24.   <div class="toolbar"> 
  25.     <h1><span class="free">Free</span>period</h1> 
  26.     <a href="#" class="back">Back</a> 
  27.   </div> 
  28. <form id="book" action="booking.php" method="POST" class="form">  
  29.   <ul class="edit rounded"> 
  30.     <input type="hidden" name="bookingperiod" id="bookingperiod" value="" /> 
  31.       <a style="margin:0 10px;color:rgba(0,0,0,.9)" href="#" class="whiteButton book">Submit</a> 
  32.    </li>  
  33.   </ul> 
  34. </form> 
  35. </div>