From 1ed77c8587e8efad8d7e6c556a04b83359b63e79 Mon Sep 17 00:00:00 2001
From: Dmitry Berezovsky <dmitri.berezovsky@logicify.com>
Date: Fri, 3 Jan 2014 18:36:55 +0200
Subject: [PATCH] Extended readme

---
 README.md | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 9832504..a0d6a4f 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
-jquery-locationpicker-plugin
-============================
-
 JQuery Location Picker plugin
+=============================
+
+![Location Picker](http://logicify.github.io/jquery-locationpicker-plugin/images/basic_ui.png)
 
 This plug-in allows to easily find and select a location on the Google map. Along with a single point selection, it allows to choose an area by providing its center and the radius. All the data can be saved to any HTML input element automatically as well as be processed by Javascript (callback support).
 
@@ -9,8 +9,31 @@ The other feature of the plug-in is automatic address resolver which allows to g
 
 The plug-in currently uses JQuery and Google Maps. Integration is pretty simple:
 
+* Document head should be extended with inclusions of the required libraries: 
+```
+<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
+<script type="text/javascript" src='http://maps.google.com/maps/api/js?sensor=false&libraries=places'></script>
+<script src="js/locationpicker.jquery.js"></script>
+```
+
+* Put container somewhere on the page:
 ```
-$('mycontainer').locationpicker();
+<div id="somecomponent" style="width: 500px; height: 400px;"></div>
 ```
 
+* Attach the plug-in to container: 
+```
+<script>
+$('somecomponent').locationpicker();
+</script>
+```
+
+Documentation and Examples
+--------------------------
+
+Documentation along with examples available [here](http://logicify.github.io/jquery-locationpicker-plugin/).
+
 
+Credits
+-------
+Dmitry Berezovsky, Logicify (<http://logicify.com/>)