I have 3 input fields and a specific div. What i want is to remove the class "disable" from this div only when the 3 input fields are filled using jquery. 

My problem is that if you enter something in the field "title" it removes instantly the class "disable" from the div, ignoring the other 2 empty fields.

Here's also a [**JSFIDDLE**](http://jsfiddle.net/d3s1gn3r/nt2ecr90/)

```js
$('#price' && '#category' && '#title').on('keyup', function(){
$("#next-btn1").toggleClass('disable', $('#price' && '#category' && '#title').val()==''); 
})
```

```css
#next-btn1 {
  margin-top:20px;
  background:#0088cc;
  color:#ffffff;
  width:150px;
  text-align:center;
  font-weight:bold;
  height:48px;
  line-height:48px;
  cursor:pointer;
  display:inline-block;
  font-size:1em;
  margin-left:10px;
}

#price, #category, #title {
  height:43px;
  line-height:43px;
  font-weight:bold;
  color:#585858;
  display:inline-block;
  font-size:1em;
  margin-bottom:8px;
}

.disable {
  color:#aaa!important;
  background:#ddd!important;
  pointer-events:none;
}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input autocomplete="off" id="price" placeholder="Enter Product Price"/> 
<input autocomplete="off" id="category" placeholder="Enter a category"/>
<input autocomplete="off" id="title" placeholder="Enter your title"/> 
<div class="disable"  id="next-btn1">
  Next Step
</div>
```