title: AngularJS 2 input field does not update ngModel for Jquery Date Picker date change
body: <p>I am having a problem with Jquery UI datepicker in angularjs 2 component.</p>
  
  <p>It displaying changed date from date calender but its not updating underlying ngModel : dateSelected. </p>
  
  <pre><code>dateSelected: string = '';
  </code></pre>
  
  <p>Here the date picker input filed is:</p>
  
  <pre><code>&lt;input type="text" class="form-control" [(ngModel)]="dateSelected" name='datepicker1' id='datepicker1' placeholder="Select a date"/&gt;
  </code></pre>
  
  <p>And I am trying set the selected date from this.dateSelected model to second date picker which does not work. </p>
  
  <pre><code>$("#datepicker2").val(this.dateSelected);
  </code></pre>
  
  <p>On the other hand if I read selected date by JQuery val way it works fine. </p>
  
  <pre><code>  var selectedDateInPicker = $("#datepicker1").val();     
     $("#datepicker2").val(selectedDateInPicker);
  </code></pre>
  
  <p>Here is the code plunker: <a href="https://plnkr.co/edit/iLAFa8yrCLeTcd27G8bY?p=preview" rel="nofollow">https://plnkr.co/edit/iLAFa8yrCLeTcd27G8bY?p=preview</a></p>
  
  <p>Can you please help?</p>