title: What does AngularJS do better than jQuery?
body: <p>I have mainly been using the jQuery library and have just started using AngularJS. I have read a few tutorials on <em>how</em> to use Angular, but I am not clear on why or when to use it, or what benefits I may find in comparison to just using jQuery.</p>
  
  <p>It seems to me that Angular makes you think MVC, which perhaps means that you view your webpage as a template + data combination. You use <code>{{data bindings}}</code> whenever you feel you would have dynamic data. Angular will then provide you a $scope handler, which you can populate statically or through calls to the web server. This appears characteristically similar to JSP way of designing webpages. Do I need Angular for this?</p>
  
  <p>For simple DOM manipulation, which <em>does not</em> involve data manipulation (eg: color changes on mousehover, hiding/showing elements on click), jQuery or vanilla JS is sufficient and cleaner. This assumes that the <em>model</em> in angular's <em>mvc</em> is <em>anything that reflects data on the page</em>, and hence, CSS properties like color, display/hide, etc changes don't affect the <em>model</em>. Does Angular have any advantages over jQuery or vanilla JS for DOM manipulations?</p>
  
  <p>What can Angular do that makes it useful for development in comparison to what jQuery can do along with plugins?</p>