Render template, great for old jquery apps

rendertemplate.js

 /*
 
<div class="foobar" id="torender">
  <div class="adf">
     <h4>{{name}} the {{job.title}} like {{hobby}}</h4>
  </div>
</div>

*/

function renderTemplate(template, object){
        if (!template) return;
        object = object || {};
        var matchRegex = new RegExp(/\{\{[a-zA-Z0-9\s\.]*\}\}/g);
        var keys = template.match(matchRegex) || [];
        keys.forEach(function (a){
          var templateKey=a.replace(/\s|\{|\}/g, '');
          var value = getDescendantProp(object, templateKey) || "";
          template = template.replace(a, value);
        });
        return template;
        function getDescendantProp(object, descendantKey) {
          if (descendantKey.indexOf('.') === -1){
            return object[descendantKey]
          }
          var arr = descendantKey.split(".");
          while(arr.length && (object = object[arr.shift()]));
          return object;
        }
      }
      jQuery.fn.extend({
        render: function(object) {
          var template = $(this).html();
          var renderedTemplate =  renderTemplate(template, object);
          return $(this).html(renderedTemplate);
        }
      });

      var element = $('#torender').render({
        name : 'agustik',
        hobby : 'iceclimbing',
        job : {
          title : 'system administrator'
        } 
      });

   // or get the rendered template
   // element.html();
   // oooor .... html = renderTemplate($('torender').html(), { foo : "bar" });