How can I get href to follow a link when using jQuery

Question

I'm having trouble getting <a href="#"> to follow the link when jQuery is activated.

<ul>
    <li class="menuOption"><a href="#"></a>Home</li>
    <li class="menuOption"><a href="#"></a>About</li>
</ul>

I looked at a few posts but they involve people trying to prevent a link being followed by using preventDefaults(); in the .js file. I'm not sure what my solution would be.

Answer 1

You Need to put the link text inside of the anchor tags. Right now, the a tag is empty and so therefore un-clickable.

Try this instead:

<ul>
    <li class="menuOption"><a href="#">Home</a></li>
    <li class="menuOption"><a href="#">About</a></li>
</ul>