title: JQuery Daterangepicker onchange event
body: <p>All the answers I could find are for Datepicker and it doesn't work the same! </p>
  
  <p>It only fires an onChange() event if I modify the value with the keyboard and not the bootstrap interface.</p>
  
  <p>I've tested everything showed <a href="https://stackoverflow.com/questions/6471959/jquery-datepicker-onchange-event-help">here</a></p>
  
  <p>My code:</p>
  
  <p>JAVASCRIPT</p>
  
  <pre><code>            $(function () {
                  //Date range picker
                  $('#reservation').daterangepicker({
                      onSelect: function() {
                          $(this).change();
                      }                    
                  });
              });
  
              $(document).ready(function () {
                  $("#reservation").change(function () {
                      var date = $("#reservation").val();
                      var replaced = date.split(' ').join('')
                      $("#partialtable").load('@(Url.Action("GetDateResults", "Temps", null, Request.Url.Scheme))?date=' + replaced);
                  });
              });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;!-- Date range --&gt;
              &lt;div class="form-group"&gt;
                  &lt;label&gt;Période:&lt;/label&gt;
                  &lt;div class="input-group"&gt;
                      &lt;div class="input-group-addon"&gt;
                          &lt;i class="fa fa-calendar"&gt;&lt;/i&gt;
                      &lt;/div&gt;
                      &lt;input type="text" class="form-control pull-right" id="reservation" onchange=""/&gt;
                  &lt;/div&gt;&lt;!-- /.input group --&gt;
              &lt;/div&gt;&lt;!-- /.form group --&gt; 
  </code></pre>
  
  <p>Anyone can find a solution please? I don't mind to trigger the event even if the change is the same value as before!</p>