Question

How can I grab the Html for $(this) in a following function

allhdn.each(function (){
      var $this = $(this);       
      var newHtml = (str + $this.html());
});

$(this).html() returns empty string.

Answer 1

$(this).html() gets the inner html code for the tag. Because the tags you’re iterating over are input fields, they don’t have any inner tags. To fix this, I think you need to wrap in a new tag and take the inner html of that tag:

// wrap in an enclosing tag
$this.wrap('<span/>');
// get the code
var newHtml = (str + $this.parent().html());

But as @Interstellar_Coder noted, are you sure you want the HTML, and not just the .val() on the hidden inputs?