Completly hide ghost image

Can i hide ghost image? As i understand i can set

.sortable-chosen {
    opacity: 0;
}
.sortable-ghost {
  background-color: #dadada;
  opacity: 1;
}

but there is one glitch - when i click on element for dragging, but without moving, it’s hided via .sortable-chosen and has not yet .sortable-ghost class.

example http://jsbin.com/poperakusa/edit?html,css,js,output just click on list item without drag

[dovid]

This seemed to work nicely for me.

.sortable-ghost { opacity: 0; }

[kriscooke]

.sortable-chosen, sortable-chosen.sortable-ghost {
    opacity: 0;
}
.sortable-ghost {
  background-color: #dadada;
  opacity: 1;
}

http://jsbin.com/velenizega/1/edit?html,css,js,output