In Javascript, is it OK to put the ternary operator's `?` on then next line?

Question

I really like aligning the ? and the : of my ternary operator when they don't fit on a line, like this:

var myVar = (condition
    ? ifTrue
    : ifFalse
);

However, JSHint complains with:

Bad line breaking before '?'

Why would JSHint have this warning? Is there any nastyness (like semicolon insertion, etc) it is protecting me against or can I safely change my JSHINT configuration to ignore it?

Answer 1

This works and is certainly valid. It's especially useful in more complicated use cases, like nested ones.

var a = test1
         ? b
         : test2
            ? c
            : d;

Answer 2

UPDATE: This answer is outdated now. Apparently Crockford changes his mind ;)

See @CheapSteaks's answer for the update.

Per Crockford:

Place the break after an operator, ideally after a comma. A break after an operator decreases the likelihood that a copy-paste error will be masked by semicolon insertion.

So:

// this is ok
var myVar = (condition ?
    ifTrue : 
    ifFalse
);

If you run this sample code through JSHint, this will pass:

// this is ok
var myVar = (1==1 ?
    true : 
    false
);