I'm having problems using ajax forms to submit data to a .php page on these loaded pages. They tend to either not work or refresh to the defult page loaded via jquery.
(document).ready(function(){
// load index page when the page loads
$('#ajax-content').html('<p><img src="includes/loaderimage.gif" width="220" height="19" /></p>');
$('#ajax-topframe').html('<p><img src="includes/loaderimage.gif" width="220" height="19" /></p>');
$('#ajax-sidebar').html('<p><img src="includes/loaderimage.gif" width="220" height="19" /></p>');
$("#ajax-content").load("overview.php");
$("#ajax-topframe").load("index.php?func=topframe");
$("#ajax-sidebar").load("overview.php?func=siderbar");
$("#articles").click(function(){
///////////////////////
////// WHAT TO LOAD ON ARTICLE CLICK
///////////////////////
$('#ajax-content').html('<p><img src="includes/loaderimage.gif" width="220" height="19" /></p>');
$("#ajax-content").load("articles.php");
$("#ajax-sidebar").load("articles.php?func=sidebar");
});
is the way I'm loading these pages. The form submission is on a page loaded by user click.