Cross-Browser jQuery - Firefox issue

Question

This code here:

jQuery(function($){
        var $button = $('#addrowbutton'),
            $row = $('.addrow').clone();
        $button.click(function(){
            $row.clone().insertBefore( $button );
        });
    });

Won't work on Firefox but works fine on Chrome & IE.

This is the calling button:

<input type="button" class=button id="addrowbutton" name="addrowbutton" value="Add Row" style="height: 2em;"/>

Any ideas guys? Thanks in advance.

Answer 1

I've put your code in jsfiddle and tested it in Firefox. Works fine for me.

http://jsfiddle.net/nadjib/X48xB/

HTML:

<div class="addrow">Row</div>
<input type="button" class=button id="addrowbutton" name="addrowbutton" value="Add Row" style="height: 2em;" />

jQuery:

var $button = $('#addrowbutton'),
    $row = $('.addrow').clone();

$button.click(function () {
    $row.clone().insertBefore(this);
});

I'm using "this" instead of $button, because "this" is what you just clicked on (ie the button here).