try...catch statement not working (JavaScript)

Okay, so I'm working on making my codes fancier and more complex.
Here is a floatbar script I have made:


var errors=0;
try{
$("#toggle-login").click(function(){
$(".toggle-login").toggle("medium");
});
}
catch(err){
errors=errors+1;
}

try{
$("#toggle-registration").click(function(){
$(".toggle-registration").toggle("medium");
});
}
catch(err){
errors=errors+1;
}

try{
$("#toggle-users").click(function(){
$(".toggle-users").toggle("medium");
});
}
catch(err){
errors=errors+1;
}

try{
$("#toggle-messaging").click(function(){
$(".toggle-messaging").toggle("medium");
});
}
catch(err){
errors=errors+1;
}

try{
adslfjasdf.sdlafj("sadfdsaF");
$("#toggle-docs").click(function(){
$(".toggle-docs").toggle("medium");
});
}
catch(err){
errors=errors+1;
}
if(errors!=0){
alert("There were errors loading the floatbar. It may not work correctly.");
var x=document.getElementById("test");
alert(x.innerHTML);
}


The error catching works perfectly.
It's just that within my catch statement, the document object (x) is not working. It is not alerting the innerHTML object of the specified HTML element.
Any explanation as to why it isn't working?

We've all grown up. Cheers.

Hmm..
i look into this.

A true developer