I am looking for a solution to redirect users to another page when they click on an option from a drop down menu. The drop down menu was created using only CSS. I attempted to use actionlinks within the li tag, but found that it only covered the text area for clicking. I need the entire li element to be clickable. I have heard that this can be achieved using jQuery, although I have no experience with it. Any help would be greatly appreciated :)
<li>Jobs
<ul class="click">
<li>List of Jobs</li>
<li>Create a New Job</li>
</ul>
UPDATE
You can find my code in jsfiddle: http://jsfiddle.net/L1ra7vtj/
In essence, my goal is to have the drop down options redirect users to other pages.