title: jquery and angular.js not working on a dropdown
body: <p>I am using an jquery plugin on a dropdown and I am also using Angular js to update content based on what I am selecting. The problem I am having Angular watch does not work with the jquery plugin, removing the plugin makes everything work but I can not remove it because I need to use it. Here is my code:</p>
  
  <pre><code>&lt;select id="chart_csv" ng:model="report"&gt;
      &lt;option value="cancel"&gt;Cancel&lt;/option&gt;
      &lt;option value="rate"&gt;Rate&lt;/option&gt;
  &lt;/select&gt;  
  </code></pre>
  
  <p>And I have this jquery plugin that I use on on the dropdown:
  jquery plugin: <a href="http://designwithpc.com/Plugins/ddSlick" rel="nofollow">http://designwithpc.com/Plugins/ddSlick</a></p>
  
  <pre><code>jQuery(function($){
      $('#chart_csv').ddslick({
          width:300,
          selectText: "Select your csv output",
          imagePosition:"right" 
      });        
  });
  </code></pre>
  
  <p>In angular I have the following code:</p>
  
  <pre><code>$scope.$watch("report", function() {
      switch ($scope.report) {
          case "cancels":                
              //update some content              
          case "rate":       
             //update other content
  
          default:
             // default here
      }
  });
  </code></pre>
  
  <p>How can I make angular listen for the change that is triggered by the jquery plugin?</p>