Is it possible to data-bind visible to the negation (“!”) of a boolean ViewModel property?

When using !charted, you're getting ![Function]. [Function] is truthy, ![Function] becomes false and will always be false if you use that syntax. Source: http://stackoverflow.com/questions/10114472/is-it-possible-to-data-bind-visible-to-the-negation-of-a-boolean-viewmodel?rq=1

by Marlin Forbes

HTML

<div class="box" data-bind="visible: !showBox">Wont see this for any value of showBox in the model</div>

CSS

.box {
    color: white;
    background-color: red;
}

JavaScript

/**
* When using !charted, you're getting ![Function].
* [Function] is truthy, ![Function] becomes false
* and will always be false if you use that syntax.
*
* Source: http://stackoverflow.com/questions/10114472/is-it-possible-to-data-bind-visible-to-the-negation-of-a-boolean-viewmodel?rq=1
*/
var ViewModel = function () {
    var _this = this;

    _this.showBox = ko.observable(true);
};

var model = new ViewModel();
ko.applyBindings(model);