Я использую подменю для отображения div из внешнего файла html в div в файле master.html.

Я просмотрел по крайней мере 20 примеров похожих вещей, но не могу, пока я работаю, заставить мой код работать, и, к сожалению, пока я знаю, почему я не знаю, как решить проблему.

Итак, у меня есть подменю, определенное в css:

#subnav ul li#subone a:hover{color:#ffffff; background-color: #1e3435;}

У меня есть master.html с html для подменю

<div id="subnav" >
    <ul>
        <li id="subone"><a href="#">About</a></li>
        <li id="subtwo"><a href="home.html">Home</a></li>

</div>

И я использую этот код JavaScript с jquery.js, включенным в заголовок:

<script src="jquery.js"></script>
<script type="text/javascript">
$(function(){
    $(".subnav ul li a") .click(function(e){
        e.preventDefault()
        $('#content2').load( 'abc.html' );
    });
});
</script>

Я знаю, что здесь что-то не так, но не могу понять, любая помощь будет принята с благодарностью.