jquery click event is firing multiple times when using class selector

click, css-selectors, html, jquery

Solution

If you close your `<li>` tags, you'll fix the problem. I've just tested it, and that corrects it. Should be

<li> ... </li>
<li> ... </li>

not

<li>
<li>

Problem

here is my html ``` <li><div class="myLink" id=1>A<div> <li><div class="myLink" id=2>b<div> <li><div class="myLink" id=3>c<div> <li><div class="myLink" id=4>d<div> <li><div class="myLink" id=5>d<div> <li><div class="myLink" id=6>e<div> <li><div class="myLink" id=7>d<div> <li><div class="myLink" id=8>g<div> ``` i created a jquery event bind wiht this code: ``` jQuery(".myLink").click(function(event) { var myId = this.id; location.href = '/x/y?myId=' + myID; }); ``` when i click on one of the links (the li items). i thought that would fire one click event and when i call this.id, i would just get that id of the item that i clicked. But instead it looks like the: ``` jQuery(".myLink").click(function(event) { ``` is firing over and over again even thought i just clicked on one link. I put a debugger statement in their and used firebug and saw this getting called over and over. Any ideas whats going on?

Original source