Fix typos in docs

Author: sedrubal

docs/_includes/examples/themes-templating-responsive-design.html

@@ -97,7 +97,7 @@ <h2 id="responsive">Responsive design - Percent width</h2>
 
 <div class="alert alert-warning">
   Select2 will do its best to resolve the percent width specified via a
-  css class, but it is not always possible. The best way to ensure that
+  CSS class, but it is not always possible. The best way to ensure that
   Select2 is using a percent based width is to inline the
   <code>style</code> declaration into the tag.
 </div>

docs/_includes/options/core/options.html

@@ -36,7 +36,7 @@ <h3 id="setting-default-options">
 
   <p>
     When setting options globally, any past defaults that have been set will
-    be overriden. Default options are only used when an option is requested
+    be overridden. Default options are only used when an option is requested
     that has not been set during initialization.
   </p>
 
@@ -77,4 +77,4 @@ <h3>
 {% highlight js linenos %}
 $.fn.select2.defaults.reset();
 {% endhighlight %}
-</section>
+</section>

docs/_includes/options/data/ajax.html

@@ -98,7 +98,7 @@ <h3>
   </h3>
 
   <p>
-    By default, Select2 will send the query term as well as the pagination data as query parameters in requests. You can override the data that is sent to your API, or change any of the query paramters, by overriding the <code>ajax.data</codE> option.
+    By default, Select2 will send the query term as well as the pagination data as query parameters in requests. You can override the data that is sent to your API, or change any of the query parameters, by overriding the <code>ajax.data</codE> option.
   </p>
 
 {% highlight js linenos %}

docs/_includes/options/data/array.html

@@ -86,7 +86,7 @@ <h3>
     Because Select2 falls back to an <code>&lt;optgroup&gt;</code> when
     creating nested options, only
     <a href="#how-many-levels-of-nesting-can-there-be">a single level of nesting</a>
-    is supported. Any additional levels of nesting is not guarenteed to be
+    is supported. Any additional levels of nesting is not guaranteed to be
     displayed properly across all browsers and devices.
   </p>
 
@@ -147,4 +147,4 @@ <h3>
   return obj;
 });
 {% endhighlight %}
-</section>
+</section>

docs/_includes/options/events/internal.html

@@ -4,6 +4,6 @@ <h2 id="events-internal">
   </h2>
 
   <p>
-    Select2 has an internal event system that works independently of the DOM event system. This internal event system is only accesssible from plugins and adapters that are connected to Select2.
+    Select2 has an internal event system that works independently of the DOM event system. This internal event system is only accessible from plugins and adapters that are connected to Select2.
   </p>
-</section>
+</section>

docs/_includes/options/selections/placeholder.html

@@ -18,7 +18,7 @@ <h3>
   </h3>
 
   <p>
-    This usually means that you do not have a blank <code>&lt;option&gt;&lt/option&gt;</code> as the first option in your <code>&lt;select&gt;</code>.
+    This usually means that you do not have a blank <code>&lt;option&gt;&lt;/option&gt;</code> as the first option in your <code>&lt;select&gt;</code>.
   </p>
 
   <p>
@@ -71,7 +71,7 @@ <h3>
 {% endhighlight %}
 
   <p>
-    <strong>When multiple selections are allowed</strong>, the placeholder will be displayed using the <code>placeholder</code> attribute on the search box. You can cusotmize the display of this placholder using CSS, as explained in the following Stack Overflow answer: <a href="http://stackoverflow.com/q/2610497/359284">Change an input's HTML5 placeholder color with CSS</a>
+    <strong>When multiple selections are allowed</strong>, the placeholder will be displayed using the <code>placeholder</code> attribute on the search box. You can customize the display of this placeholder using CSS, as explained in the following Stack Overflow answer: <a href="http://stackoverflow.com/q/2610497/359284">Change an input's HTML5 placeholder color with CSS</a>
   </p>
 
   <h3>