JQuery :: Load Function Only Fires Once In Container

I have a problem with load(), which I cannot find on forum search or google. I have a container "right_col" that should be filled with jQuery after clicking on any hyperlink. The result shall be a HTML page that only changes the content area. On the first loading of the page it works as intended. But after the first load() no more jQuery is used and the page changes URL in Browser and reloads the entire page. After this reload you have again one jQuery that is working and so on.

HTML Code:
<div id="right_col">
<div id="right_content">
</div></div>

This is my JS code:
$(document).ready(function(){
var fadeTime = 200;
$("#right_col").css("display", "none");
$("#right_col").fadeIn(fadeTime);
// links
$("a").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("#right_col").fadeOut(fadeTime, contentloader);
});
function contentloader() {
$('#right_col').load(linkLocation + ' #right_content',null, function(){
$("#right_col").fadeIn(fadeTime);
});}});

As you can see, I'm loading the whole linkLocation and want to replace the content within #right_col with all HTML of #right_content including this div aswell.
I tried Firebug to fugure out if i have more than one #right_col after the load().
I tried replacing IDs with classes to prevent element doubling.
I tried to remove the #right_content param and pass a variable to my script to only print the needed HTML.
Nothing works.

And the Fun part: I also have a menu outside of #right_col. Calls from there on are working perfectly as intended.