display all hidden fields in the page using jquery and jqueryui

show all hidden.js

{
  showAllHidden : function(){
    var table = $("<table>");

    for (var i = 0; i < $("[type=hidden]").length; i++) {
      table.append(
        "<tr><td>"+$("[type=hidden]")[i].name+"</td><td><strong>"+$("[type=hidden]")[i].value+"</strong></td></tr>"
        );
    };

    $("<div>").append(table)
    .dialog({
      title: "debug: showing all hidden inputs"
      , close: function(event, ui){
        $(this).dialog("close");
        $(this).remove();
      }
      , position: { my: "left top", at: "left top", of: "body" }
      , width: 450
      , height: 250

    });
  }
}