title: Javascript functions doesn't work in the new innerHTML
body: <p>I am new to angular js and i am working on monaca ide to make a hybrid app which uses onsen-ui and i wrote the following code and when the response comes from the server it isn't using the javascript methods for eg the {{"hello"}} at the last line is shown in the browser as {{"hello"}} only and because of that i think that the new code doesn't follow the rules of javascript files</p>
  
  <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>                  this.find=function(){
      //ajax start
      
              $http({
      method :"POST",
      url : "http://www.ashishmalgawa.xyz/rakt/finder.php",
     headers: {
     'Content-Type': "application/x-www-form-urlencoded; charset=UTF-8"
   },    
     data: "date="+$rootScope.dob
    }).then(function mySucces(response) {
        document.getElementById("results").innerHTML = response.data;
        $scope.search=false;
                  
      }, function myError(response) {
        $scope.hellow = response.statusText;
    });
       
      //ajax end         
                     }
   </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ons-list&gt;
  &lt;?php
  /* DBMS related code
  */
  ?&gt;
   &lt;ons-list-item ng-click="" modifier="tappable"&gt;
        &lt;?php
              while($r=$re-&gt;fetch_assoc()){
                  echo $r['name']."&lt;br&gt;";
                  echo $r['gender']."&lt;br&gt;";
                  echo "$distance kms away";
                  
              }
           ?&gt;
      &lt;/ons-list-item&gt;
      &lt;?php
      }
       }
  }
  else{
      echo "No Results Found";
  }
  $conn-&gt;close();         
  
  ?&gt;
      &lt;/ons-list&gt;
  {{"hello"}}</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks in advance :)</p>