Jquery ui ajax tab problem

Jquery ui ajax tab problem

I am using jquery ui ajax tab which contains two tab called 'Jobs' and 'View'

I want to reload the 'Jobs' tab with different url with sending $.post request to the server. The response html need to be updated in 'Jobs' tab content.

this is my code

<script type="text/javascript">
$(function() {
$("#jobs").tabs();
});
</script>
<div id="jobs">
<ul>
<li><a href="jobs/jobs.jsp">Jobs</a></li>
<li><a href="jobs/view.jsp">View</a></li>
</ul>
</div>


I send the post as follws
$.post("jobs/job.jsp", post_str, function(html){
//Here I need to update the response html page to 'Jobs' tab without sending a 'GET' type of request
});


please help.