MathJax Equation AngularJS

HTML

<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML&amp;dummy=.js"></script>
<div ng-controller="MyCtrl">
    <button ng-click="Update()">Update</button>

    <input ng-model="Expression" ng-change="Update()">
    <div id="MathOutput">
You typed: ${}$
    </div>
</div>

JavaScript

MathJax.Hub.Config({
    extensions: ["tex2jax.js"],
    jax: ["input/TeX","output/HTML-CSS"],
    tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
  });   
  
var myApp = angular.module('myApp',[]);


function MyCtrl($scope, $log) {
    
       var QUEUE = MathJax.Hub.queue;  // shorthand for the queue
   
    $scope.Update = function() {
         QUEUE.Push(["Text",MathJax.Hub.getAllJax("MathOutput")[0],"\\displaystyle{"+ $scope.Expression+"}"]);
        //$scope.Expression = 'Updated Expression: \\( \\frac{9}{4} \\div \\frac{1}{6} \\)';
        //MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
    }
    $scope.Expression = 'Original Expression: \\( \\frac{5}{4} \\div \\frac{1}{6} \\)';

}