title: Why ng-change is not working in chosen js
body: <p>I'M using <code>chosen</code> dropdown in <code>angularJS</code>. In chosen DD <code>ng-change</code> is not working. </p>
  
  <pre><code>&lt;div ng-controller="nSumInstalController"&gt;
  
  &lt;div&gt;
      &lt;select style="width:240px;" ng-model="circle" ng-change ="circleChange(circle)" ng-options="report.Circles for report in reportsValuesOptions track by report.id" chosen&gt;&lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>and Controller is</p>
  
  <pre><code>    $scope.reportsValuesOptions = 
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>[{
      "Circles": "All",
      "id": 0
    },
    {
      "Circles": "Balasore Circle",
      "id": 1
    },
    {
      "Circles": "Baripada Circle",
      "id": 2
    },
    {
      "Circles": "Bhadrak Circle",
      "id": 3
    },
    {
      "Circles": "Jajpur Road Circle",
      "id": 4
    },
    {
      "Circles": "Keonjhar Circle",
      "id": 5
    }
  ]</code></pre>
  </div>
  </div>
  </p>
  
  <pre><code> $scope.circleChange = function (circle) {
       alert();
   })
  </code></pre>
  
  <p>and used Links:</p>
  
  <blockquote>
    <p><a href="https://cdnjs.cloudflare.com/ajax/libs/angular-chosen-localytics/1.4.0/angular-chosen.min.js" rel="nofollow noreferrer">https://cdnjs.cloudflare.com/ajax/libs/angular-chosen-localytics/1.4.0/angular-chosen.min.js</a>
    <a href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.min.css" rel="nofollow noreferrer">https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.2/chosen.min.css</a></p>
  </blockquote>
  
  <p>I don't know why it's not working and what i made wrong? Please help me this issue. I'm trying since 3 days. </p>
  
  <p><strong>Update:</strong> I'M using <code>ng-include</code> will it cause any issue?</p>