jQuery .html not working on td

Question

I have a table cell with a text box in it, and I'm trying to take the value of the text box and put it back into the table cell while removing the text box. I'm doing this for a while row. So I have this:

        tds.each(function(i) {
            var val = $(this).children('input').eq(0).val();
            document.getElementById($(this).attr('id')).innerHTML = val;
            //$(this).html(val);
            //$(this).text(val);
        });

As you can see, I tried a few different ways, and with all of them, nothing happens. I don't get any errors either. Not sure whats going on.

Answer 1

Try:

var tds = $('#table_id td');

tds.each(function(i) {
   var val = $(this).children(':input:eq(0)').val();
   $(this).html(val);
});

Answer 2

Have you verified that the collection tds has any items in it? Whenever nothing happens and an error is not thrown, I look at the jQuery selector first.