JQuery UI tab : form not able to POST forms inputs to server

Hi,

I am using Jquery UI tab ( version 1.10.2) and one of the tabs links to a PHP code

containing HTML form. When I hit "submit" button on the form, it calls required

PHP script but somehow not able to POST input fields to server side.

However, when I use the very same PHP code directly through browser, things are fine.

Hence I feel there is some issue with JQuery UI tabs.

Please help !

*****************sample code ***********

<script>

$(function() {

$( "#tabs" ).tabs();

});

</script>

<font size=2em >

<div id="tabs">

<ul>

<li><a href="#tabs-1">Details</a></li>

<li><a href="#tabs-2">Photo Gallery</a></li>

<li><a href="/php/pages/make_booking.php?id=<?php echo $prop->prop_id;?>">Book Now</a></li>

</ul>