Aurelia validation is not showing up
<p>javascript:</p>

<pre><code>import {inject} from 'aurelia-framework';
import {Validation} from 'aurelia-validation';

@inject(Validation)
export class CreateExecutedAgreement {
    constructor(validation) {
        this.agreementType = "";
        this.counterparty = "";
        this.validation = validation.on(this)
        .ensure('agreementType')
            .isNotEmpty()
        .ensure('counterparty')
            .isNotEmpty();
    }
}
</code></pre>

<p>html:</p>

<pre><code>&lt;div class="form-group"&gt;
    &lt;label for="counterparty"&gt;Counterparty&lt;/label&gt;
    &lt;select value.bind="counterparty" id="counterparty" class="form-control"&gt;
        &lt;option value=""&gt;&lt;- Select -&gt;&lt;/option&gt;
    &lt;/select&gt;
&lt;/div&gt;
</code></pre>

<p>I can see that the validation is doing something in the page because I see the</p>

<pre><code>&lt;p class="help-block aurelia-validation-message"&gt;&lt;/p&gt;
</code></pre>

<p>appended after the label but when I focus and blur the textbox I am not seeing any messages, css changes etc.</p>

<p>Thanks in advance.</p>