maxlawton · August 29, 2015 14:16
diff --git a/readme.md b/readme.md
diff --git a/jquery.populateDataProps.js b/jquery.populateDataProps.js
 /**
 * jQuery.populateDataProps()
 * ==========================
 *
 * Find inputs with a [data-value-prop] attribute and set their value
 * to the 'content' attribute of an children of $source whose
 * [itemprop] matches the input's [data-value-prop].
 *
 * Example
 * -------
 *
 * ```html
 *  <div id="item" itemscope>
 *    <data itemprop="foo" content="1234">One, and a two-three-four!</data>
 *    <meta itemprop="bar" content="raise the bar"/>
 *  </div>
 *  <form id="inputs">
 *    <input name="item[foo]" type="text" data-value-prop="foo"/>
 *    <input name="item[bar]" type="hidden" data-value-prop="bar"/>
 *  </form>
 * ```
 *
 * ```js
 *  $( '#inputs' ).populateDataProps( $( '#item' ) );
 * ```
 *
 * Afterwards, the form will have the following data:
 *
 * ```json
 * { "item": { "foo": 1234, "bar": "raise the bar" } }
 * ```
 */
 (function ( $ ) {

  $.fn.populateDataProps = function ( $source ) {

    var _bindValueFromSource = function ( ) {
      var $this = $( this ),
          prop = $this.data( 'valueProp' ),
          $sourceItem = $source.find( '[itemprop="' + prop + '"]' );

      if ( $this.is( 'input' ) && $sourceItem.length ) {
        $( this ).val( $sourceItem.first().attr( 'content' ) );
      }
    };

    return this.each(function () {
      $( this ).find( '[data-value-prop]' ).each( _bindValueFromSource );
    });

  };


 })( window.jQuery );
	/**
	* jQuery.populateDataProps()
	* ==========================
	*
	* Find inputs with a [data-value-prop] attribute and set their value
	* to the 'content' attribute of an children of $source whose
	* [itemprop] matches the input's [data-value-prop].
	*
	* Example
	* -------
	*
	* ```html
	* <div id="item" itemscope>
	* <data itemprop="foo" content="1234">One, and a two-three-four!</data>
	* <meta itemprop="bar" content="raise the bar"/>
	* </div>
	* <form id="inputs">
	* <input name="item[foo]" type="text" data-value-prop="foo"/>
	* <input name="item[bar]" type="hidden" data-value-prop="bar"/>
	* </form>
	* ```
	*
	* ```js
	* $( '#inputs' ).populateDataProps( $( '#item' ) );
	* ```
	*
	* Afterwards, the form will have the following data:
	*
	* ```json
	* { "item": { "foo": 1234, "bar": "raise the bar" } }
	* ```
	*/
	(function ( $ ) {

	$.fn.populateDataProps = function ( $source ) {

	var _bindValueFromSource = function ( ) {
	var $this = $( this ),
	prop = $this.data( 'valueProp' ),
	$sourceItem = $source.find( '[itemprop="' + prop + '"]' );

	if ( $this.is( 'input' ) && $sourceItem.length ) {
	$( this ).val( $sourceItem.first().attr( 'content' ) );
	}
	};

	return this.each(function () {
	$( this ).find( '[data-value-prop]' ).each( _bindValueFromSource );
	});

	};


	})( window.jQuery );