title: Difference between toLocaleLowerCase() and toLowerCase()
body: <p>I was trying to <a href="http://jsfiddle.net/xameeramir/kr33b0aL/" rel="noreferrer">fiddle</a> with <a href="http://www.w3schools.com/jsref/jsref_tolocalelowercase.asp" rel="noreferrer"><code>toLocaleLowerCase()</code></a> and <a href="http://www.w3schools.com/jsref/jsref_tolowercase.asp" rel="noreferrer"><code>toLowerCase()</code></a> methods.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function ByLocale() {
    document.getElementById("demo").innerText.toLocaleLowerCase();
  }
  
  function ByLower() {
    document.getElementById("demo").innerText.toLowerCase();
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;Click the button to convert the string "HELLO World!" to lowercase letters.&lt;/p&gt;
  
    &lt;button onclick="ByLocale();"&gt;By Locale LowerCase&lt;/button&gt;
    &lt;button onclick="ByLower();"&gt;By LowerCase&lt;/button&gt;
  
  &lt;p id="demo"&gt;HELLO World!&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>My questions are:</p>
  <ul>
  <li>What is <strong>Locale</strong>, because both the functions seems to return similar output?</li>
  <li>What is the difference between these two methods?</li>
  <li>Why is the fiddle code not getting executed?</li>
  </ul>