title: Undefined value from text area in AngularJS
body: <p>I am creating one form using Bootstrap &amp; AngularJS. I am using CK editor in my page as <code>textarea</code>. But I am not able to retrieve the value of the <code>textarea</code> while the value of the input text field is easily captured in my AngularJS controller. Following is the code snippet:</p>
  
  <p><strong>HTML page:</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div ng-controller="controller"&gt;
          &lt;form role="form"&gt;
  
              &lt;label for="sd"&gt;&lt;b&gt;Short Description: &lt;/b&gt;&lt;/label&gt;
  
              &lt;input ng-model="sdesc" class = "form-control input-xxlarge" type = "text" placeholder ="Provide a short description here."/&gt;    
  
              &lt;br/&gt;
              &lt;label for="dt"&gt;&lt;b&gt;Details: &lt;/b&gt;&lt;/label&gt;
  
              &lt;textarea ng-model="details" class="form-control" name="details_editor" id="details_editor"&gt;&lt;/textarea&gt;
  
              &lt;br/&gt;
  
              &lt;button class = "btn btn-primary" ng-click="submitted()"&gt;Ask It!&lt;/button&gt;             
  
              &lt;script&gt;
                          CKEDITOR.replace('details_editor');
              &lt;/script&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  
  &lt;br/&gt;
  &lt;hr&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>app.controller('controller', ['$scope', function($scope){
         $scope.submitted = function(){
             var sdesc = $scope.sdesc;
             var details = $scope.details;
  
             alert($scope.details);
         };
  }]);
  </code></pre>
  
  <p>The alert shows <code>undefined</code> for the text area value.</p>
  
  <p>Please help me solve the issue.</p>