Use jQuery for element construction

LetUsAppend.js

var createMyWrappedInput = function (defaultValue) {
  var wrapper = $("<div class='Wrapper'></div>"),
      input = $('<input type="text" />');

  input.val(defaultValue);
  wrapper.append(input);

  return wrapper;
};

why not do:

var wrapper = $('<div>', {'class': 'Wrapper'}),
    input = $('<input>', {type: 'text'});

to make it even more "jQuery-ish", increase readability and avoid potentially issues with quotes.

Never even knew you could do that. I'll play around with it and possibly update the gist. Thanks for the suggestion!

Sure thing! Here is the documentation on it (it second signature "jQuery( html, props )"): http://api.jquery.com/jQuery/#jQuery2

…

On Fri, Aug 26, 2011 at 12:47 PM, kellysutton ***@***.*** wrote: Never even knew you could do that. I'll play around with it and possibly update the gist. Thanks for the suggestion! ## Reply to this email directly or view it on GitHub: https://gist.github.com/1152617

Changing your variable names from wrapper and input to $wrapper and $input will let you know the variable contains a jQuery object. Especially useful in larger functions/more complicated code.

One other note: If you're finding yourself using lots of concatenation or appending, try using jQuery-tmpl which allows you to create HTML templates that you can populate with data (similar to Django templates).