Adding README and simplifing the code.

Author: farhadi

README.md

@@ -0,0 +1,24 @@
+HTML5 Sortable jQuery Plugin
+============================
+
+**[See it in action](http://farhadi.github.com/html5sortable)**
+
+Features
+--------
+* Less than 1KB (minified).
+* Built using native HTML5 drag and drop API.
+* Supports both list and grid style layouts.
+* Similar API and behaviour to jquery-ui sortable plugin.
+* Works in IE 6+, Firefox 3.5+, Chrome 3+, Safari 3+ and, Opera 12+.
+
+Usage
+-----
+``` javascript
+$('.sortable').sortable().bind('sortupdate', function() {
+    //Triggered when the user stopped sorting and the DOM position has changed.
+});
+```
+
+License
+-------
+Released under the MIT license.

index.html

@@ -60,6 +60,8 @@ <h2>Features</h2>
 		<ul id="features">
 			<li>Less than 1KB (minified).
 			<li>Built using native HTML5 drag and drop API.</li>
+			<li>Supports both list and grid style layouts.</li>
+			<li>Similar API and behaviour to jquery-ui sortable plugin.</li>
 			<li>Works in IE 6+, Firefox 3.5+, Chrome 3+, Safari 3+ and, Opera 12+.</li>
 		<ul>
 	</article>

jquery.sortable.js

@@ -7,25 +7,8 @@
  */
 jQuery.fn.sortable = function() {
 	return this.each(function() {
-		var $ = jQuery, index, dragging, dropHandler, dragHandler, items = $(this).children();
-		var dropHandler = function(e) {
-			if (!dragging) return true;
-			e.stopPropagation();
-			placeholder.after(dragging);
-			return false;
-		}; 
-		var dragHandler = function(e) {
-			if (!dragging) return true;
-			e.preventDefault();
-			e.originalEvent.dataTransfer.dropEffect = 'move';
-			if (items.is(this)) {
-				dragging.hide();
-				$(this)[placeholder.index() < $(this).index() ? 'after' : 'before'](placeholder);
-			}
-			return false;
-		};
-		var placeholder = $('<' + items[0].tagName + '>').addClass('sortable-placeholder')
-			.bind('dragover', dragHandler).bind('drop', dropHandler);
+		var $ = jQuery, index, dragging, items = $(this).children();
+		var placeholder = $('<' + items[0].tagName + '>').addClass('sortable-placeholder');
 
 		items.attr('draggable', 'true').bind('dragstart', function(e) {
 			var dt = e.originalEvent.dataTransfer;
@@ -43,6 +26,20 @@ jQuery.fn.sortable = function() {
 		}).not('a[href], img').bind('selectstart', function() {
 			this.dragDrop && this.dragDrop();
 			return false;
-		}).end().add(this).bind('dragover dragenter', dragHandler).bind('drop', dropHandler);
+		}).end().add([this, placeholder]).bind('dragover dragenter', function(e) {
+			if (!dragging) return true;
+			e.preventDefault();
+			e.originalEvent.dataTransfer.dropEffect = 'move';
+			if (items.is(this)) {
+				dragging.hide();
+				$(this)[placeholder.index() < $(this).index() ? 'after' : 'before'](placeholder);
+			}
+			return false;
+		}).bind('drop', function(e) {
+			if (!dragging) return true;
+			e.stopPropagation();
+			placeholder.after(dragging);
+			return false;
+		});
 	});
 };