[jQuery] tabs: replacing the content without switching the selected tab

[jQuery] tabs: replacing the content without switching the selected tab


Hi,
Let's say I have these tabs and code that makes them so ...
<script type="text/javascript">
$(function() {
var tabSelected = $('#tabcontent > ul').tabs()
});
</script>
<div id="tabcontent">
<ul>
<li><a href="doc_properties.php"
title="Document"><span>Document</span></a></li>
<li><a href="tabs.php" title="Tabs"><span>Add Tabs</
span></a></li>
<li><a href="slip_sheets.php" title="Slip
Sheets"><span>Add Slip Sheets</span></a></li>
</ul>
</div>
<input type="button" name="replaceContent" id="replaceContent"
value="Replace" />
Now I want to click the button "Replace" and put the HTML "hello" into
the same place where the currently selected tab content is. However,
I do not want to have a different tab selected.
How can I code this button?
Thanks, - Dave