BUG: $.template() must allow dispose on uncreated template

docs/template.md

@@ -199,7 +199,7 @@ You can also use the `selector: ...` option. For example:
 ## $.template dispose
 
 Deletes the output of a rendered template, use `$('...').template('dispose')`.
-This removes the DOM elements last generated by the template.
+This removes the DOM elements last created by the template.
 
 This is useful for deleting error messages or previous output that's no longer
 relevant.
@@ -224,8 +224,8 @@ template. But this behavior may change.
 
 When a template is rendered or disposed, `template` is fired on the source. Attributes:
 
-- `templatedata`: the passed data argument
-- `target`: the target nodes rendered or disposed, as a jQuery object
+- `templatedata`: the passed data argument (e.g. `{...}`, `'dispose'`)
+- `target`: the target nodes rendered or disposed (if any), as a jQuery object
 
 For example:
 

src/template.js

@@ -9,12 +9,16 @@ export function template(data, options) {
   findall(this, selector).each(function () {
     var $this = $(this)
     // If we want to dispose the last target, just dispose it.
-    if (data === 'dispose')
+    if (data === 'dispose') {
+      var $oldtarget = $this.data(_prev_created)
+      if ($oldtarget)
+        $oldtarget.remove()
       return $this.trigger({
         type: 'template',
         templatedata: data,
-        target: $this.data(_prev_created).remove()
+        target: $oldtarget
       })
+    }
     var renderer = $this.data(_renderer)
     // If there's no template function cached, cache it
     if (!renderer) {

test/test-template.html

@@ -227,19 +227,32 @@
 
   <!-- Disposes output -->
   <div class="dispose-root">
-    <script type="text/html" class="dashboard"><p class="dashboard">Dashboard</p></script>
+    <script type="text/html" class="dashboard"><p class="dashboard"><%- text %></p></script>
+    <div class="dispose-target">Old content deleted</div>
   </div>
   <script>
     tape('$().template("dispose") disposes rendered templates', function (t) {
-      t.plan(4)
+      t.plan(7)
+      // Disposing an un-created template does not raise an error
+      $('.dispose-root script.dashboard').template('dispose')
+      // Create the template
       $('.dispose-root').one('template', function (e) {
         t.equal($('.dispose-root p.dashboard').length, 1)
-      }).template()
+      }).template({text: 'Dashboard'})
+      // Dispose it. It should not exist. It should trigger a template events
       $('.dispose-root script.dashboard').one('template', function (e) {
         t.equal($('.dispose-root p.dashboard').length, 0)
         t.equal(e.templatedata, 'dispose')
         t.ok(e.target.is('p.dashboard'))
       }).template('dispose')
+      // If data-target is specified, the contents are removed but not the target
+      $('.dispose-root script.dashboard').one('template', function (e) {
+        t.ok(e.target.parent().is('.dispose-target'))
+        t.equal(text(e.target), 'Dashboard')
+      }).template({ text: 'Dashboard' }, { target: '.dispose-target' })
+      $('.dispose-root script.dashboard').one('template', function (e) {
+        t.equal($('.dispose-target').html(), '')
+      }).template('dispose')
     })
   </script>