From 674b34971fc302870dd191951df48ad6dbeb377e Mon Sep 17 00:00:00 2001
From: James Carbine <jamescarbine@gmail.com>
Date: Tue, 15 Dec 2015 17:57:17 -0700
Subject: [PATCH] Add ability to use data- attributes to show up in the
 hierarchy.

---
 README.md                    | 4 +++-
 example.html                 | 4 ++--
 jquery.mjs.nestedSortable.js | 8 ++++++++
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index c53fd63..3a00e15 100644
--- a/README.md
+++ b/README.md
@@ -144,7 +144,9 @@ Also, the default list type is `<ol>`.
 '2' ...
 	'id' => itemId
 </pre>
-	Similarly to <code>toArray</code>, it accepts <b>attribute</b> and <b>expression</b> options.</dd>
+	Similarly to <code>toArray</code>, it accepts <b>attribute</b> and <b>expression</b> options.
+	Optionally adding `data-` attributes will cause them to show up in the hierarchy. See demo for example.
+	</dd>
 </dl>
 
 ## Events
diff --git a/example.html b/example.html
index fe3aecb..a358947 100644
--- a/example.html
+++ b/example.html
@@ -284,7 +284,7 @@ <h2>2.0</h2>
 
     <section id="demo">
 		<ol class="sortable ui-sortable mjs-nestedSortable-branch mjs-nestedSortable-expanded">
-		   <li style="display: list-item;" class="mjs-nestedSortable-branch mjs-nestedSortable-expanded" id="menuItem_2">
+		   <li style="display: list-item;" class="mjs-nestedSortable-branch mjs-nestedSortable-expanded" id="menuItem_2" data-foo="bar">
 		   <div class="menuDiv">
 			   <span title="Click to show/hide children" class="disclose ui-icon ui-icon-minusthick">
 			   <span></span>
@@ -305,7 +305,7 @@ <h2>2.0</h2>
 			   </div>
 		   </div>
 		   <ol>
-			   <li style="display: list-item;" class="mjs-nestedSortable-branch mjs-nestedSortable-expanded" id="menuItem_4">
+			   <li style="display: list-item;" class="mjs-nestedSortable-branch mjs-nestedSortable-expanded" id="menuItem_4" data-foo="baz">
 			   <div class="menuDiv">
 				   <span title="Click to show/hide children" class="disclose ui-icon ui-icon-minusthick">
 				   <span></span>
diff --git a/jquery.mjs.nestedSortable.js b/jquery.mjs.nestedSortable.js
index 6a501db..8efe902 100644
--- a/jquery.mjs.nestedSortable.js
+++ b/jquery.mjs.nestedSortable.js
@@ -708,11 +708,19 @@
 			function _recursiveItems(item) {
 				var id = ($(item).attr(o.attribute || "id") || "").match(o.expression || (/(.+)[-=_](.+)/)),
 					currentItem;
+
+				var data = $(item).data();
+				if (data.nestedSortableItem) {
+					delete data.nestedSortableItem; // Remove the nestedSortableItem object from the data
+				}
+
 				if (id) {
 					currentItem = {
 						"id": id[2]
 					};
 
+					currentItem = $.extend({}, currentItem, data); // Combine the two objects
+
 					if ($(item).children(o.listType).children(o.items).length > 0) {
 						currentItem.children = [];
 						$(item).children(o.listType).children(o.items).each(function() {