Dynamically added links not working
<p>Im having problems trying to fire an event (alert) on my script. This is the html:</p>

<pre><code>&lt;div class="dynamic-form"&gt;
    &lt;form&gt;
      &lt;div class="inputs"&gt;&lt;/div&gt;
      &lt;a href="#" id="add"&gt;ADD&lt;/a&gt;
      &lt;input name="submit" type="button" class="submit" value="Submit"&gt;
    &lt;/form&gt;
&lt;/div&gt;
</code></pre>

<p>And the JS:</p>

<pre><code>$(document).ready(function(){

    var i = 1;

    $('#add').click(function() {
        $('&lt;div id="d' + i + '" class="fielddiv"&gt;&lt;input type="text" class="field" name="dynamic[]" value="' + i + '" /&gt;&lt;a href="#" id="remove_question"&gt;Cancella&lt;/a&gt;&lt;hr&gt;&lt;/div&gt;').fadeIn('slow').appendTo('.inputs');
        i++;
    });

    $('#remove_question').on("click", function(event) {
        alert('dsfsfd');
        //$('#d' + $this.attr('todel')).remove();
    });


    // here's our click function for when the forms submitted

    $('.submit').click(function(){

        var answers = [];
        $.each($('.field'), function() {
            answers.push($(this).val());
        });

        if(answers.length == 0) {
            answers = "none";
        }  

        alert(answers);

        return false;                     
    });

});
</code></pre>

<p>The remove question on click function should fire an alert but is not doing anything, not even an error, what am i doing wrong? Here is a <a href="http://jsfiddle.net/Z6x8X/" rel="nofollow">jsfiddle</a> too.</p>
