[RESOLVED] child of an element

I currently have this code:

[code=html]
<ul id=”second” style=”display: none;”>
<li ><a href=””>Create Quiz</a></li>
<li><a href=””>Question Bank</a></li>
<li><a href=””>Results</a></li>
</ul>
[/code]

My goal is to load a different file[myfile.php] on my current page inside a div tag called “content” when I click on the first a tag //<li><a href => create quiz..:

[CODE]
$(“#second li a:eq(0)”).click(function() {
$(“#content”).load(“myfile.php”);
});
[/CODE]

Unfortunately this will not work/
I’ve tried using the alert method to display a message once I click on the first <a> tag and it works! but not to load the page I want.

Any help would be highly appreciated.
myfile.php are all in the same directory.

Also in #JavaScript _↴