title: Why dont work change event of bootstrap input spinner?
body: <p>I write a method that called in change event of text input.</p>
  
  <p>When i click on <code>+</code> and <code>-</code> buttons <code>change event</code> dont called but when i change value of input manually <code>change event</code> called.</p>
  
  <p>What is problem?</p>
  
  <p>js</p>
  
  <pre><code> $("#wraper-frequency input[type=text]").change(function (e) {
      alert("frequency change");
  });
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;div id="wraper-frequency"&gt;
  &lt;input id="frequency" class="form-control" type="number" value="0" min="0" max="50" step="1" style="display: none;"&gt;
  &lt;div class="input-group  "&gt;
      &lt;div class="input-group-prepend"&gt;
          &lt;button style="min-width: 2.5rem" class="btn btn-decrement btn-outline-secondary" type="button"&gt;&lt;strong&gt;-&lt;/strong&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;input type="text" style="text-align: center" class="form-control " placeholder=""&gt;
      &lt;div class="input-group-append"&gt;
          &lt;button style="min-width: 2.5rem" class="btn btn-increment btn-outline-secondary" type="button"&gt;&lt;strong&gt;+&lt;/strong&gt;&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;label style="top: 7px; position: relative; margin-right: 5px;"&gt;Hz&lt;/label&gt;
  </code></pre>
  
  <p></p>