title: I am using material design switch , but i am not able to select it by default or using jquery
body: <p>Below is the sample html:    </p>
  
  <pre><code>&lt;label class="mdl-switch mdl-js-switch mdl-js-ripple-effect is-checked " for="distanceUnit"&gt;
  &lt;input type="checkbox" id="distanceUnit" class="mdl-switch__input "/&gt;
  &lt;span class="mdl-switch__label left"&gt;{% trans "mi" %}&lt;/span&gt;
  &lt;span class="mdl-switch__label right"&gt;{% trans "km" %}&lt;/span&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>I get the value of distanceUnit from User Profile. with something like <code>{{ user.userprofile.distance_unit }}</code> . But I am not sure how to use this in setting the switch to on/off.</p>