I have a question about if my jquery code is okay. (codepen included)

I made a simple FAQ that fades in and out when you click the button. My code is as follows.

$(document).ready(function(){
    $("#main-div").hide(); // if user has javascript enabled they can still see the text
    $("#instructions").click(function() {
        $("#main-div").fadeToggle(1500);
    }); // end click
}); // end ready

My first question is I hide the main-div on line 2. The reason I used the hide function, is because some may not have javascript enabled on their browsers, and I want those people to still see the text/faq. Next on line 3 of my code, I added a click function to the button with the id of instructions. On line I added the fadeToggle function, which fades in and out the text. My question is, is my code okay, would this be acceptable? Also is it okay that I added the #main-div twice to my programming, is this repeating my programming?

Thank you for any advice codepen http://codepen.io/mike316/pen/oLVmwR