jquery append seems to mess up my code
<p>hi i'm trying to dynamically append some divs and then use jquery on them such as the click event, but it does not work, i have no idea why it's acting this way.. </p>

<pre><code>$("#addGenreFinal").click(function () {
     var genre = $('#newGenreTxt').val();
     $("#txtAddGenreContainer").slideUp();
     $('#otherFavContainer').append('&lt;div class="songTilesGenreContainer"&gt;&lt;div class="addSongsBtnContainer icons" &gt;&lt;img src="../../Content/images/add.png"             style="padding:10px;"/&gt;&lt;/div&gt;&lt;div style="float:right;padding-right:26px;padding-    bottom:20px;margin-top:20px;color:#949494;font-size:20px;"&gt;' + genre + '&lt;/div&gt;&lt;/div&gt;');
     $('#newGenreTxt').val('');
    });

    $(".songTilesGenreContainer").click(function () {
        alert('hello'); 
    });
</code></pre>

<p>why the alert box is not popping out, when i use other pre defined classes it works but it doesnt on dinamically appened elements hmm...</p>
