Using JQuery to remove an input and print its value

I am trying to do the following with JQuery:

See if a tex开发者_如何学Pythont input has a value If it does, then make it read only or make it hidden and print the value in a div where the input was If it doesn't have a value, then it behaves as normal.

I've tried using the hide() and read-only JQuery functions but it doesn't seem to be working. I can only refer to the input by its name (I can't edit the original code to add a class)

http://jsfiddle.net/SSW6v/1/ - there is solution

I think you meant to do this:

$('input').filter(function() {
   return $(this).val().length > 0;
}).attr('disabled', 'disabled').hide().each(function() {
   $(this).closest('div').append(' ' + $(this).val());
});

jsFiddle example