Fix applying has-success and has-error classes to the same container

### Previous behaviour:

```
<div class="control-group">
  <div class="controls input-group has-success">
    <span class="input-group-addon">
      <span class="fa fa-user"></span>
    </span>
    <input class="form-control valid" data-validation-error-msg="Provide your name" data-validation="required" placeholder="Your name" type="text" style="">
  </div>
</div>
```

```
<div class="control-group has-error">
  <div class="controls input-group">
    <span class="input-group-addon">
      <span class="fa fa-user"></span>
    </span>
    <input class="form-control error" data-validation-error-msg="Provide your name" data-validation="required" placeholder="Your name" type="text" style="border-color: red;">
  </div>
  <span class="help-block form-error">Provide your name</span>
</div>
```

__has-success__ and __has-error__ are applied to different elements.

### Fixed behaviour:

```
<div class="control-group has-success">
  <div class="controls input-group">
    <span class="input-group-addon">
      <span class="fa fa-user"></span>
    </span>
    <input class="form-control valid" data-validation-error-msg="Provide your name" data-validation="required" placeholder="Your name" type="text" style="">
  </div>
</div>
```

```
<div class="control-group has-error">
  <div class="controls input-group">
    <span class="input-group-addon">
      <span class="fa fa-user"></span>
    </span>
    <input class="form-control error" data-validation-error-msg="Provide your name" data-validation="required" placeholder="Your name" type="text" style="border-color: red;">
  </div>
  <span class="help-block form-error">Provide your name</span>
</div>
```

__has-success__ and __has-error__ are applied to the same element.