Update README.md

Author: imhoffd

README.md

@@ -10,18 +10,22 @@ This jQuery plugin is for easily finding the starting and ending positions of se
 
 Include the file directly using `<script>` tags:
 
-    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
-    <script src="jquery-plugins/jquery-textrange.js"></script>
+```html
+<script src="http://code.jquery.com/jquery-latest.min.js"></script>
+<script src="jquery-plugins/jquery-textrange.js"></script>
+```
 
 Or, with RequireJS (**note**: jquery-textrange can be loaded through any [UMD](https://github.com/umdjs/umd/blob/master/README.md)-compatible Javascript Module Loader):
 
-    requirejs.config({
-        "baseUrl": "lib",
-        "paths": {
-            "jquery": "//code.jquery.com/jquery-latest.min.js",
-            "jquery-textrange": "jquery-plugins/jquery-textrange"
-        }
-    });
+```javascript
+requirejs.config({
+    "baseUrl": "lib",
+    "paths": {
+        "jquery": "//code.jquery.com/jquery-latest.min.js",
+        "jquery-textrange": "jquery-plugins/jquery-textrange"
+    }
+});
+```
 
 ## Methods
 
@@ -31,29 +35,37 @@ You can use this method to get all the information on the selected text of an el
 
 ##### Get everything
 
-    $('input[name="example"]').textrange('get');
+```javascript
+$('input[name="example"]').textrange('get');
+```
 
 or for short:
 
-    $('input[name="example"]').textrange();
+```javascript
+$('input[name="example"]').textrange();
+```
 
 This will return a JSON object with the following information:
 
-    {
-       position: (cursor location in the text field),
-       start: (starting position of the selected text in the text field),
-       end: (ending position of the selected text in the text field),
-       length: (the length of the selected text in the text field),
-       text: (the text that is selected)
-    }
+```javascript
+{
+   "position": // cursor location in the text field)
+   "start": //starting position of the selected text in the text field
+   "end": // ending position of the selected text in the text field
+   "length": // the length of the selected text in the text field
+   "text": // the text that is selected
+}
+```
 
 ##### Get a particular property
 
 This function can also be used to get a particular property of the object.
 
 For example, this will obtain the starting location of the selected text:
 
-    var start = $('input[name="example"]').textrange('get', 'start');
+```javascript
+var start = $('input[name="example"]').textrange('get', 'start');
+```
 
 ### 'set'
 
@@ -63,13 +75,15 @@ It works much like [PHP's substr()](http://php.net/manual/en/function.substr.php
 
 For the following examples, let's say `input[name="example"]` contains the text `abcdef`.
 
-    $('input[name="example"]').textrange('set'); // selects "abcdef" (select all)
-    $('input[name="example"]').textrange('set', 2); // selects "cdef"
-    $('input[name="example"]').textrange('set', 2, 3); // selects "cde"
-    $('input[name="example"]').textrange('set', 2, -2); // selects "cd"
-    $('input[name="example"]').textrange('set', -3); // selects "def"
-    $('input[name="example"]').textrange('set', -2, 1); // selects "e"
-    $('input[name="example"]').textrange('set', -4, -1); // selects "cde"
+```javascript
+$('input[name="example"]').textrange('set'); // selects "abcdef" (select all)
+$('input[name="example"]').textrange('set', 2); // selects "cdef"
+$('input[name="example"]').textrange('set', 2, 3); // selects "cde"
+$('input[name="example"]').textrange('set', 2, -2); // selects "cd"
+$('input[name="example"]').textrange('set', -3); // selects "def"
+$('input[name="example"]').textrange('set', -2, 1); // selects "e"
+$('input[name="example"]').textrange('set', -4, -1); // selects "cde"
+```
 
 If you're looking to set the cursor at one specific location, you can use `0` for length, or you can use `$().textrange('setcursor')` (see below).
 
@@ -79,20 +93,26 @@ You can use this method to set the location of the cursor in your text field.
 
 To set the cursor at the fifth character position:
 
-    $('input[name="example"]').textrange('setcursor', 5);
+```javascript
+$('input[name="example"]').textrange('setcursor', 5);
+```
 
 ### 'replace'
 
 You can use this method to replace the selection with given text. 
 
-    $('input[name="example"]').textrange('replace', 'some text');
+```javascript
+$('input[name="example"]').textrange('replace', 'some text');
+```
 
 There is also an `insert` alias for `replace` if you're using this method to insert text at the cursor location. They work the same way.
 
 ## Minified Version
 A minified version of this plugin can be generated using Google's Closure Compiler (preferred).
 
-    wget http://closure-compiler.googlecode.com/files/compiler-latest.tar.gz
-    tar -zvxf compiler-latest.tar.gz compiler.jar
-    wget https://raw.github.com/dwieeb/jquery-textrange/master/jquery-textrange.js
-    java -jar compiler.jar --js jquery-textrange.js --js_output_file jquery-textrange.min.js
+```bash
+wget http://closure-compiler.googlecode.com/files/compiler-latest.tar.gz
+tar -zvxf compiler-latest.tar.gz compiler.jar
+wget https://raw.github.com/dwieeb/jquery-textrange/master/jquery-textrange.js
+java -jar compiler.jar --js jquery-textrange.js --js_output_file jquery-textrange.min.js
+```