Add document-ready for jq-basics

Author: danheberden

content/jquery-fundamentals/document-ready.md

@@ -0,0 +1,37 @@
+---
+chapter : 	"jqfundamentals"
+section :  	"1"
+title :		"$(document).ready()"
+---
+## $(document).ready()
+
+You cannot safely manipulate a page until the document is “ready.” jQuery detects this state of readiness for you; code included inside `$(document).ready()` will only run once the page is ready for JavaScript code to execute.
+
+<div class="example" markdown="1">
+A $(document).ready() block
+
+    $(document).ready(function() {
+    	console.log('ready!');
+    });
+</div>
+
+There is a shorthand for `$(document).ready()` that you will sometimes see; however, I recommend against using it if you are writing code that people who aren't experienced with jQuery may see.
+
+<div class="example" markdown="1">
+Shorthand for $(document).ready()
+
+    $(function() {
+        console.log('ready!');
+    });
+</div>
+
+You can also pass a named function to `$(document).ready()` instead of passing an anonymous function.
+
+<div class="example" markdown="1">
+Passing a named function instead of an anonymous function
+    function readyFn() {
+        // code to run when the document is ready
+    }
+</div>
+
+`$(document).ready(readyFn);`