Hi,
I'm trying to trigger a jquery on change event when a value from an MDB Select is changed but I can't seem to get this to work.

Any suggestions of what I need to add as the select arguments? 

(The select code obviously is changed by mdboostrap code on load).

Thanks

HTML MDB Select Div


     <div class="col-md-4 category-dropdown">
       <select class="mdb-select" id="category" name="category">
           <option value="" selected>Product Category</option>
          <?php echo($selectCat); ?>
       </select>
     </div>

Javascript

$('.category-dropdown .select-dropdown').change(function(){
     alert('Test');
}