Mootools element returning null

Question

I have this HTML/PHP

<input name="add to list" class='fncAdd' id='moodal_close' value="add to list" onclick="cajaxUpdateCartProduct('<?= $value->id ?>', 'quantity_<?= $value->id ?>', '<?= $this->sitePfx ?>/cart/');" type="button">

In my javascript I have

$('moodal_close').addEvent('click', function(){
        alert("1");
    });

In my firebug console the only response I get is

$("moodal_close") is null

Answer 1

Are you trying to add the event before the element is created? You might try:

window.addEvent('domready', function() {
    $('moodal_close').addEvent('click', function(){
        console.log('sup');
    });
});

Answer 2

Your input tag should have a name of "moodal_close" instead of "add to list"