Селектор js, который вставляет частичку ruby во вновь созданный div

У меня есть числовые поля и связанные пустые div. Я могу сделать код, который делает это: когда вы увеличиваете или уменьшаете число внутри полей числа и добавляете новые div после пустого div. 1 в поле числа 1 новый div, 2 в поле количества 1 новый div 2 всего divs, 3 в поле количества 1 новый div 3 всего div. и так далее.

Сейчас мой код создает новый пустой div с чем-либо в нем. Но я хочу, чтобы новый div был создан с частичным рубином внутри нового div.

вот демо:

http://jsfiddle.net/7PhJZ/39/

Это то, что я пробовал в файле js.erb

$(document).ready(function() {
    $('.product-quantity').each(function() {
        $(this).data('val', this.value);
    }).on('change', function () {
            var val = $(this).val(),
                    old = $(this).data('val'),
                    ele = $(this).closest('[id^="product"]').find
                    ('[data-size="'+this.name+'"]'),
                    inc = val >= old;

            if (inc) {
                $('<div/>', {
                    'class': 'name-number-field', 'text':'<%= render :partial => 
                 'name_number_field', :locals => {:product => product, :size => size} %>'
                }).insertAfter(ele);
            }else {
                $('div.name-number-field', ele.parent()).last().remove();
            }

            $(this).data('val', this.value);
        });
});