Jquery Address Plugin Post issue - jquery-plugins

Question

Hi I am learning to use the Jquery Address plugin, and am using the tutorial over
here
So here is the html
Test 1<br />
Test 2
Load Area: <br />
<div id="area"></div>
And here is the Jquery code
function loadURL(url) {
$("#area").load(url);
}
// Event handlers
$.address.init(function(event))
.change(function(event) {
$("#area").load($('[rel=address:' + event.value + ']').attr('href'));
})
$('a').click(function(){
loadURL($(this).attr('href'));
});
Now this works well. However I want to do a POST call on the back button. So I replace
$("#area").load($('[rel=address:' + event.value + ']').attr('href'));
with
var myhref = $('[rel=address:' + event.value + ']').attr('href');
$.post(myhref, function(data) {
$('#area').html(data);
});
This throws the console error "this.value is not a function".
Considering my very superficial knowledge of Jquery (& programming in general), what am I doing wrong here?

Answer 1

Aw man I wish someone could answer this. I've been trying to get this thing to POST for a day now.. It just wants to get everything it seems, but I am at a loss of how I would tweak it to post.

Answer 2

function loadURL(url) {
$.post(url, function(data){
$("#area").html(data);
})
}
// Event handlers
$(document).ready(function(){
$("a").click(function(e){
e.preventDefault();
$.address.value($(this).attr("href"));
$.post($(this).attr("href"), function(data){
$("#area").html(data);
})
return false;
})
})
$(document).ready(function(){
$.address.init(function(event) { // Initates the address plugin
}).externalChange(function(event) { //externalChange is browser back/fwd button/address bar
if(event.path != "/"){
loadURL(event.path);
}
})
})