Events defined in $.each (creating list elements with events) not executing

Events defined in $.each (creating list elements with events) not executing

Hello,

I am trying to "ajaxify" my site. Now I have one problem:

  1.         $("#posts").children().remove();
  2.         $("#tag-sidebar").children().remove();
  3.         $.each(data.Tags_Sidebar, function (indexInArray, valueOfElement) {
  4.             var insert = $("<li>");
  5.             insert.addClass(valueOfElement.Type);
  6.             var href1 = $("<a>");
  7.             href1.attr("href", "#");
  8.             href1.bind("click", {valuee: valueOfElement }, function(event) {
  9.                 //document.location = "/Post/List/1/" + data.Tags + "+" + valueOfElement.Name;
  10.                 alert("ahh");
  11.                 $("#tags").attr("value", $("#tags").attr("value") + " +" + event.data.valuee.Name);
  12.                 event.stopPropagation();
  13.                 return false;
  14.             });
  15.             href1.html("+");

  17.             var href2 = $("<a>");
  18.             href2.attr("href", "#");
  19.             href2.bind("click", {valuee: valueOfElement }, function(event) {
  20.                 //document.location = "/Post/List/1/" + data.Tags + "+-" + valueOfElement.Name;
  21.                 $("#tags").attr("value", $("#tags").attr("value") + " +-" + event.data.valuee.Name);
  22.                 event.stopPropagation();
  23.                 return false;
  24.             });
  25.             href2.html("-");

  27.             var href3 = $("<a>");
  28.             href3.attr("href", "#");
  29.             //href3.attr("href", "/Post/List/1/" + valueOfElement.Name);
  30.             href3.bind("click", {valuee: valueOfElement }, function(event) {
  31.                 //document.location = "/Post/List/1/" + data.Tags + "+-" + valueOfElement.Name;
  32.                 $("#tags").attr("value", event.data.valuee.Name);
  33.                 event.stopPropagation();
  34.                 return false;
  35.             });
  36.             href3.html(valueOfElement.Name);
  37.             var span = $("<span>");
  38.             span.css("color", "#a0a0a0");
  39.             span.html(valueOfElement.Count);

  41.             href1.appendTo(insert);
  42.             insert.html(insert.html() + " ");
  43.             href2.appendTo(insert);
  44.             insert.html(insert.html() + " ");
  45.             href3.appendTo(insert);
  46.             insert.html(insert.html() + " ");
  47.             span.appendTo(insert);

  49.             insert.appendTo($("#tag-sidebar"));
Now when I click one of those links (href1, href2, href3) generated, the click event won't execute! What's the problem? Also, is it right that I have to transfer the valueOfElement over, like I did?
What does stopEventPropagation do? Prevent the href from being navigated to? That's what I am trying to do.

The data object is JSON fed from here: http://aspbooru.tk/Post/List/?json=1

The HTML is here: http://aspbooru.tk/Post/ListAjax