Committing v1.0 of plugin

Author: naifamoodi

README.md

@@ -28,8 +28,7 @@ The functionality that is provided by this plugin can also be referred to as:
  </tr>
  </thead>
  <tbody class="container">
- <script type="text/html" class="template">
- <tr class="row">
+ <tr class="template row">
  <td width="10%"><span class="move">Move</span></td>
  
  <td width="10%">An Input Field</td>
@@ -40,7 +39,6 @@ The functionality that is provided by this plugin can also be referred to as:
  
  <td width="10%"><span class="remove">Remove</span></td>
  </tr>
- </script>
  </tbody>
  </table>
  </div>
@@ -89,9 +87,7 @@ after_remove: null,
 <dd>Specifies an element within the row which let's you reposition the current row.</dd>
 
 <dt>template</dt>
-<dd>Specifies an element within the container which contains an HTML template for the row. This should be a &lt;script&gt; element. If your template is going to have a nested template
-then you must set the type attribute of your script to application/json and you must convert the content to JSON format.
-</dd>
+<dd>Specifies an element within the container which acts as a row template.</dd>
 
 <dt>before_add</dt>
 <dd>Specifies a function to run before a row is added</dd>
@@ -104,4 +100,4 @@ then you must set the type attribute of your script to application/json and you
 
 <dt>after_remove</dt>
 <dd>Specifies a function to run after a row is removed</dd>
-</dl>
+</dl>

repeatable-fields.js

@@ -1,5 +1,5 @@
 /*
- * jQuery Repeatable Fields v0.2
+ * jQuery Repeatable Fields v1.0
  * http://www.rhyzz.com/repeatable-fields.html
  *
  * Copyright (c) 2013 Rhyzz
@@ -26,7 +26,6 @@
 var settings = $.extend(default_settings, custom_settings);
 
 // Initialize all repeatable field wrappers
-
 initialize(this);
 
 function initialize(parent) {
@@ -35,14 +34,20 @@
 
 var container = $(wrapper).children(settings.container);
 
+// Disable all form elements inside the row template
+$(container).children(settings.template).hide().find(':input').each(function() {
+jQuery(this).prop('disabled', true);
+});
+
 $(wrapper).on('click', settings.add, function(event) {
 event.stopImmediatePropagation();
 
-var row_template = $(container).children(settings.template).html();
+var row_template = $($(container).children(settings.template).clone().removeClass(settings.template.replace('.', ''))[0].outerHTML);
 
-if($(container).children(settings.template).attr('type') == 'application/json') {
-var row_template = JSON.parse(row_template);
-}
+// Enable all form elements inside the row template
+jQuery(row_template).find(':input').each(function() {
+jQuery(this).prop('disabled', false);
+});
 
 if(typeof settings.before_add === 'function') {
 settings.before_add(container);
@@ -55,7 +60,6 @@
 }
 
 // The new row might have it's own repeatable field wrappers so initialize them too
-
 initialize(new_row);
 });
 
@@ -84,14 +88,10 @@
 });
 }
 
-/*
-TODO:
-This function doesn't take into consideration multiple references to {{row-count-placeholder}}'s so this might not work with nested
-repeatable field wrappers
-*/
-
 function after_add(container, new_row) {
-var row_count = $(container).children(settings.row).length;
+var row_count = $(container).children(settings.row).filter(function() {
+return !jQuery(this).hasClass(settings.template.replace('.', ''));
+}).length;
 
 $('*', new_row).each(function() {
 $.each(this.attributes, function(index, element) {