Dealing with DOM Manipulations - AngularJS
===

When I perform DOM manipulation (add new HTML) using jQuery, AngularJS doesn't automatically detect variables in the new HTML and replace them with their values. For example:

	$scope.showSummary = function($event){

		$($event.currentTarget).html("<div>{{row}}</div>");

	};

This is a simply example, but after changing the html in the element (this function was called by ng-click), the output it still "{{row}}" instead of what _row_ should mean in the context/scope.

Any help is greatly appreciated!