Клонирование элемента в DOM

Question

У меня есть этот кусок кода, который каждый раз, когда вы нажимаете кнопку .btn-add-email, добавляется еще один входной адрес ниже предыдущего, а затем останавливается, добавив, пока он не достигнет 5 .. Он работает тонкий во всех браузерах, но не ie7 или ie8. Поэтому не уверен, что метод clone просто не работает в ie8 или меньше. Это не вызывает ошибок. Вот код.

/*------------------------------------*\ 
= THANK YOU FOR ENTERING FORM 
\*------------------------------------*/ 

var addEmail = $('.btn-add-email'); 
var clickSend = $('#email-modal-send'); 
var value = $.trim($('.addEmail input').val()); 

var parentDiv = $('.addEmail'); 
var i = $('#to-email').size() + 1; 
var c = 0; 

$('.btn-add-email').live('click', function(e) { 
    e.preventDefault(); 
    for(i; i<6; i++) { 
    $('#to-email').clone().attr('id', 'to-email'+(++c)).insertAfter('#first-email-input'); 
    i++; 
    return false; 
    } 
    clickSend.click(function(){ 
    if(value.length === 0 || value.length === "") 
     { 
     $('.addEmail input').addClass('parsley-error'); 
     // return true; 
     } else { 
     $('.addEmail input').removeClass('parsley-error'); 
     } 
    }); 
}); 

Answer 1

Это может зависеть от версии jQuery, которую вы используете. Версия 2.x отказалась от поддержки «старых» браузеров, особенно IE. Если вам нужна поддержка, убедитесь, что вы используете ветвь 1.10.