Update README.md

mark it up for pretty syntax highlighting

README.md

@@ -10,69 +10,84 @@ To use, include "localytics.directives" as a dependency in your Angular module.
 use the "chosen" directive as an attribute on any select element.
 
 # Features
-  * Works with 'ngModel' and 'ngOptions'
-  * Supports usage of promises in 'ngOptions'
+  * Works with `ngModel` and `ngOptions`
+  * Supports usage of promises in `ngOptions`
   * Provides a 'loading' animation when 'ngOptions' collection is a promise backed by a remote source
-  * Pass options to Chosen via attributes or by passing an object to the Chosen directive
+  * Pass options to `Chosen` via attributes or by passing an object to the Chosen directive
 
 # Usage
 
 ### Simple example
 Similar to `$("#states").chosen()`
 
-    <select chosen multiple id="states">
-      <option value="AK">Alaska</option>
-      <option value="AZ">Arizona</option>
-      <option value="AR">Arkansas</option>    
-      <option value="CA">California</option>    
-    </select>
+```html
+<select chosen multiple id="states">
+  <option value="AK">Alaska</option>
+  <option value="AZ">Arizona</option>
+  <option value="AR">Arkansas</option>    
+  <option value="CA">California</option>    
+</select>
+```
 
 ### Pass any chosen options as attributes
-    <select chosen
-            data-placeholder="Pick one of these"
-            disable-search="true"
-            allow-single-deselect="true">
-      <option value=""></option>
-      <option>This is fun</option>
-      <option>I like Chosen so much</option>
-      <option>I also like bunny rabbits</option>
-    </select>
+
+```html
+<select chosen
+        data-placeholder="Pick one of these"
+        disable-search="true"
+        allow-single-deselect="true">
+  <option value=""></option>
+  <option>This is fun</option>
+  <option>I like Chosen so much</option>
+  <option>I also like bunny rabbits</option>
+</select>
+```
 
 ### Integration with `ngModel` and `ngOptions`
-    <select multiple
-            chosen
-            ng-model="state" 
-            ng-options="s for s in states">
-    </select>
 
-Note: don't try to use ngModel with ngRepeat.  It won't work.  Use ngOptions.  It's better that way.
+```html
+<select multiple
+        chosen
+        ng-model="state" 
+        ng-options="s for s in states">
+</select>
+```
+
+Note: don't try to use `ngModel` with `ngRepeat`.  It won't work.  Use `ngOptions`.  It's better that way.
 
 #### Works well with other AngularJS directives
-    <select chosen
-            ng-model="state"
-            ng-options="s for s in states"
-            ng-disabled="editable">
-    </select>
+
+```html
+<select chosen
+        ng-model="state"
+        ng-options="s for s in states"
+        ng-disabled="editable">
+</select>
+```
 
 ### Loading from a remote data source
 Include chosen-spinner.css and spinner.gif to show an Ajax spinner icon while your data is loading.  If the collection comes back empty, the directive will disable the element and show a default
 "No values available" message.  You can customize this message by passing in noResultsText in your options.
 
 ##### app.js
-    angular.module('App', ['ngResource', 'localytics.directives'])
-    .controller('BeerCtrl', function($scope) {
-      $scope.beers = $resource('api/beers').query()
-    });
+```js
+angular.module('App', ['ngResource', 'localytics.directives'])
+.controller('BeerCtrl', function($scope) {
+  $scope.beers = $resource('api/beers').query()
+});
+```
 
 ##### index.html
-    <div ng-controller="BeerCtrl">
-      <select chosen
-              data-placeholder="Choose a beer"
-              no-results-text="'Could not find any beers :('"
-              ng-model="beer" 
-              ng-options="b for b in beers">
-      </select>
-    </div>
+```html
+<div ng-controller="BeerCtrl">
+  <select chosen
+          data-placeholder="Choose a beer"
+          no-results-text="'Could not find any beers :('"
+          ng-model="beer" 
+          ng-options="b for b in beers">
+  </select>
+</div>
+```
 
 Image of select defined above in loading state:  <img src="https://raw.github.com/localytics/angular-chosen/master/example/choose-a-beer.png">