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

[sanju_d]

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>

[Scott González]

Anchors are not forms. Please ask for help on Stack Overflow or the forums.

[sanju_d]

Hi,

Anchors are not forms. But an HTML form works fine when directly viewed in a browser but the same form does not work only when added as a tab in JQuery UI Tab. My concern is StackOverflow or other forums will not be able to help as this is specific problem related to JQuery UI.

(already tried searching StackOverflow and other forums)