jQuery .on trigger not triggering the action
<p>I have this form:</p>

<pre><code>$form = array(
        '&lt;form name="backup-form" class="backup-form" method="post" action="#"&gt;',
            '&lt;fieldset class="backup-fields"&gt;',
                '&lt;fieldset class="display-wrapper"&gt;',
                    '&lt;label for="display" class="display-label"&gt;Backups&lt;/label&gt;',
                    '&lt;input type="text" name="display" class="display" value="' . $this-&gt;backups(false,true) . '" autocomplete="off" readonly="readonly" /&gt;',
                '&lt;/fieldset&gt;',
                '&lt;fieldset class="action-wrapper"&gt;',
                    '&lt;button type="submit" name="clean" class="clean"&gt;Clean All&lt;/button&gt;',
                    '&lt;button type="submit" name="create" class="create"&gt;Create&lt;/button&gt;',
                '&lt;/fieldset&gt;',
            '&lt;/fieldset&gt;',
        '&lt;/form&gt;',
        '&lt;div class="message-handling" class="message-handling"&gt;&lt;/div&gt;'
    );
$form = implode("", $form);
echo $form;
</code></pre>

<p>And I'm trying to bind an even to each submit button like this:</p>

<pre><code>$('.backup-form .clean').on({
    click: function() {console.log('Clean Button Pressed');}
});

or

$('.main-actions .backup-form').delegate('.clean', 'submit', function() {
    console.log('Clean Button Pressed');    
});
</code></pre>

<p>But none of it works. What's happening ? Or what should I do to make it work ?</p>
