Accessing a div appended to a another div.

Accessing a div appended to a another div.

So im trying to create a simple file menu, so far I have :

  2. $(function() {
  3. //Rolling over menu items.
  4. $('#FileMenu a').hover(function(e) {
  5. //Highlight.
  6. $(this).css({'background-color' : '#0099FF'});
  7. //Get index of the menu were on.
  8. var myMenuindex = $('#FileMenu a').index($(this));
  9. //Now remove any children already there and add a new one.
  10. $('#NewMenu').remove();
  11. $('#mnuItemRemoval').remove();
  12. $('#FileMenu').append(CreateFileItems(myMenuindex));
  13. }, function() {
  14. $(this).css({'background-color' : '#F3F2E7'});
  15. });
  16. });

  19.     function CreateFileItems(selectedMenuIndex)
  20. {
  21. var newMenu = '<div id="NewMenu">'
  22. newMenu += '<ul>'
  23. switch(selectedMenuIndex)
  24. {
  25. case 0:
  26. newMenu += '<li><a href="#">File Menu Item 1</a></li>'
  27. newMenu += '<li>File Menu Item 2</li>'
  28. newMenu += '<li>File Menu Item 3</li>'
  29. newMenu += '<li>File Menu Item 4</li>'
  30. newMenu += '<li>File Menu Item 5</li>'
  32. break;
  34. }
  35. newMenu += '</ul>'
  36. newMenu += '</div>'
  38. //This is a tinybox use to remove this list if the user mouses over it.
  39. newMenu += '<div id="mnuItemRemoval"><a href="#">blah blah blah</a></div>'
  41. return newMenu
  42. }
This all works fine, but as soon as i try to do anything to the new menu div using the $('#NewMenu') selector I can't do anything, no events are working at all for it.