diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..227fe86
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.tern-port
\ No newline at end of file
diff --git a/README.md b/README.md
index a3d888f..a8caf75 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 HTML5 Sortable jQuery Plugin
 ============================
 
-**[Demos & Documentation](http://farhadi.ir/projects/html5sortable)**
+**[Demos & Documentation](http://james2doyle.github.io/html5sortable)**
 
 Features
 --------
@@ -47,7 +47,7 @@ Setting `forcePlaceholderSize` option to true, forces the placeholder to have a
 
 ``` javascript
 $('.sortable').sortable({
-    forcePlaceholderSize: true 
+    forcePlaceholderSize: true
 });
 ```
 
@@ -59,6 +59,18 @@ $('#sortable1, #sortable2').sortable({
 });
 ```
 
+By default the events are not namespaced. Appending the namespace with help with conflicts. To change this, just overwrite the namespace:
+
+``` javascript
+$('.sortable').sortable({
+    namespace: '.h5s'
+});
+// then
+$('.sortable').on('drop.h5s', function(){
+    alert('you dropped it!!');
+});
+```
+
 To remove the sortable functionality completely:
 
 ``` javascript
diff --git a/index.html b/index.html
index 0b650db..29a6f2d 100644
--- a/index.html
+++ b/index.html
@@ -160,7 +160,13 @@ <h2>Connected Sortable Lists</h2>
 	<script src="http://github.com/jquery.sortable.js"></script>
 	<script>
 		$(function() {
-			$('.sortable').sortable();
+			$('.sortable').sortable({
+				// default namespace is {event}.h5s
+				namespace: '.h5s'
+			});
+			$('.sortable').on('dragstart.h5s dragend.h5s drop.h5s dragover.h5s dragenter.h5s sortupdate.h5s', function(e) {
+				console.log(e.type);
+			});
 			$('.handles').sortable({
 				handle: 'span'
 			});
diff --git a/jquery.sortable.js b/jquery.sortable.js
index 7622835..83c3e20 100644
--- a/jquery.sortable.js
+++ b/jquery.sortable.js
@@ -1,86 +1,86 @@
 /*
  * HTML5 Sortable jQuery Plugin
  * http://farhadi.ir/projects/html5sortable
- * 
+ *
  * Copyright 2012, Ali Farhadi
  * Released under the MIT license.
  */
-(function($) {
-var dragging, placeholders = $();
-$.fn.sortable = function(options) {
-	var method = String(options);
-	options = $.extend({
-		connectWith: false
-	}, options);
-	return this.each(function() {
-		if (/^enable|disable|destroy$/.test(method)) {
-			var items = $(this).children($(this).data('items'));
-			var handles = $(this).children($(this).data('handles')).attr('draggable', method == 'enable');
-			if (method == 'destroy') {
-				items.add(this).removeData('connectWith items')
-					.off('dragstart.h5s dragend.h5s dragover.h5s dragenter.h5s drop.h5s');
-				handles.off('selectstart.h5s');
-			}
-			return;
-		}
-		var index, items = $(this).children(options.items), handles = options.handle ? items.find(options.handle) : items;
-		var parent;
-		var placeholder = $('<' + (/^ul|ol$/i.test(this.tagName) ? 'li' : 'div') + ' class="sortable-placeholder">');
-		$(this).data('items', options.items)
-		$(this).data('handles', options.handle ? options.handle : options.items)
-		placeholders = placeholders.add(placeholder);
-		if (options.connectWith) {
-			$(options.connectWith).add(this).data('connectWith', options.connectWith);
-		}
-		// Setup drag handles
-		handles.attr('draggable', 'true'); /*.not('a[href], img, input').on('selectstart.h5s', function() {
-			this.dragDrop && this.dragDrop();
-			return false;
-		}).end();*/
-		
-		// Handle drag events on draggable items
-		items.on('dragstart.h5s', function(e) {
-			var dt = e.originalEvent.dataTransfer;
-			dt.effectAllowed = 'move';
-			index = (dragging = $(this)).addClass('sortable-dragging').index();
-			parent = dragging.parent();
-			e.stopPropagation();
-		}).on('dragend.h5s', function() {
-			if (!dragging) {
-				return;
-			}
-			dragging.removeClass('sortable-dragging').show();
-			placeholders.detach();
-			if (index != dragging.index() || !parent.is(dragging.parent())) {
-				dragging.parent().trigger('sortupdate', {item: dragging});
-			}
-			dragging = null;
-			parent = null;
-		}).add([this, placeholder]).on('dragover.h5s dragenter.h5s drop.h5s', function(e) {
-			if (!items.is(dragging) && options.connectWith !== $(dragging).parent().data('connectWith')) {
-				return true;
-			}
-			if (e.type == 'drop') {
-				e.stopPropagation();
-				placeholders.filter(':visible').after(dragging);
-				dragging.trigger('dragend.h5s');
-				return false;
-			}
-			e.preventDefault();
-			e.originalEvent.dataTransfer.dropEffect = 'move';
-			if (items.is(this)) {
-				if (options.forcePlaceholderSize) {
-					placeholder.height(dragging.outerHeight());
-				}
-				dragging.hide();
-				$(this)[placeholder.index() < $(this).index() ? 'after' : 'before'](placeholder);
-				placeholders.not(placeholder).detach();
-			} else if (!placeholders.is(this) && !$(this).children(options.items).length) {
-				placeholders.detach();
-				$(this).append(placeholder);
-			}
-			return false;
-		});
-	});
+ (function($) {
+  var dragging = null, placeholders = $();
+  $.fn.sortable = function(options) {
+    var method = String(options);
+    options = $.extend({
+      connectWith: false,
+      namespace: '',
+      items: 'li',
+      handle: false
+    }, options);
+    return this.each(function() {
+      var $this = $(this);
+      if (/^enable|disable|destroy$/.test(method)) {
+        var items = $this.children($this.data('items', options.items));
+        var handles = $this.children($this.data('handles', options.handle ? options.handle : options.items)).attr('draggable', method == 'enable');
+        if (method == 'destroy') {
+          var namespacearray = ['dragstart', 'dragend', 'dragover', 'dragenter', 'drop'];
+          items.add(this).removeData('connectWith items').off(namespacearray.join(options.namespace));
+          handles.off('selectstart'+options.namespace);
+        }
+        return;
+      }
+      var index,
+      items = $this.children(options.items),
+      handles = options.handle ? items.find(options.handle) : items,
+      parent,
+      placeholder = $('<' + (/^ul|ol$/i.test(this.tagName) ? 'li' : options.items) + ' class="sortable-placeholder">');
+      placeholders = placeholders.add(placeholder);
+      if (options.connectWith) {
+        $(options.connectWith).add(this).data('connectWith', options.connectWith);
+      }
+      // Setup drag handles
+      handles.attr('draggable', 'true');
+      // Handle drag events on draggable items
+      items.on('dragstart'+options.namespace, function(e) {
+        e.stopPropagation();
+        e.originalEvent.dataTransfer.effectAllowed = 'move';
+        e.originalEvent.dataTransfer.setData('text/html', this.innerHTML);
+        index = (dragging = $(this)).addClass('sortable-dragging').index();
+        parent = dragging.parent();
+      }).on('dragend'+options.namespace, function() {
+        if (!dragging) {
+          return;
+        }
+        dragging.removeClass('sortable-dragging').show();
+        placeholders.detach();
+        if (index != dragging.index() || !parent.is(dragging.parent())) {
+          dragging.parent().trigger('sortupdate'+options.namespace, {item: dragging});
+        }
+        dragging = null;
+        parent = null;
+      }).add([this, placeholder]).on('dragover'+options.namespace+' dragenter'+options.namespace+' drop'+options.namespace, function(e) {
+        if (!items.is(dragging) && options.connectWith !== $(dragging).parent().data('connectWith')) {
+          return true;
+        }
+        if (e.type == 'drop') {
+          e.stopPropagation();
+          placeholders.filter(':visible').after(dragging);
+          return false;
+        }
+        e.preventDefault();
+        e.originalEvent.dataTransfer.dropEffect = 'move';
+        var $this = $(this);
+        if (items.is(this)) {
+          if (options.forcePlaceholderSize) {
+            placeholder.height(dragging.outerHeight());
+          }
+          dragging.hide();
+          $this[placeholder.index() < $this.index() ? 'after' : 'before'](placeholder);
+          placeholders.not(placeholder).detach();
+        } else if (!placeholders.is(this) && !$this.children(options.items).length) {
+          placeholders.detach();
+          $this.append(placeholder);
+        }
+        return false;
+      });
+});
 };
 })(jQuery);