How to format a JavaScript program in TextMate?

Question

$(document).ready(function() { $("body").hide().fadeIn(250); }) 

If I put the cursor at the end of the above code (the only lines of code in the file and the file are saved as sample.js) and press ^ Q, a carriage return will be added at the end.

If I select all three lines and press ^ Q, the code will be formatted as shown below.

 $(document).ready(function() { $("body").hide().fadeIn(250); }) 

If I select the code snippet at the top and press ^ J, I get again

 $(document).ready(function() { $("body").hide().fadeIn(250); }) 

What should I do to get the code formatted below?

 document).ready(function() { $("body").hide().fadeIn(250); }) 

Answer 1

Using Javascript tmbundle, Ctrl + Shift + H