Materialize Select change

Demonstrates bug where change event fired even if selected option hasn't changed

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js"></script>
<table class="responsive-table">
        <thead>
          <tr>
              <th>Name</th>
              <th>Item Name</th>
              <th>Item Price</th>
          </tr>
        </thead>

        <tbody>
          <tr>
            <td><select class="browser-default">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select> / <select class="browser-default">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select></td>
            <td>Eclair</td>
            <td>$0.87</td>
          </tr>
          <tr>
            <td>Alan</td>
            <td>Jellybean</td>
            <td>$3.76</td>
          </tr>
          <tr>
            <td>Jonathan</td>
            <td>Lollipop</td>
            <td>$7.00</td>
          </tr>
        </tbody>
      </table>

CSS

body {
  padding: 1em;
}

JavaScript

var $select1 = $('select:not(.browser-default)');

$select1.material_select();
$select1.on('change', function (e) {
	console.log('Materialize select changed: ' + e.target.value);
});

var $select2 = $('select.browser-default');
$select2.on('change', function (e) {
	console.log('Standard select changed: ' + e.target.value);
});