title: How to get Interdependent dropdowns in django using Modelform and jquery?
body: <p>I am new to django and jquery. I am working on a django-based app where I have 3 drop downs in a form. 
   1. Campus
   2. School
   3. Centre</p>
  
  <p>The hierarchy is Campuses have schools and schools have centres. I want to interlink these drop-downs.</p>
  
  <p>For example, I have got 3 campuses, say Campus1, Campus2, Campus3. If I select Campus1, I should only get to select schools in campus1 and continuing this, if I select School1 then I need to be able to select centres of School1 and all other options should get hidden.</p>
  
  <p>I searched on net and have tried this <a href="http://www.javascriptkit.com/script/script2/triplecombo.shtml">http://blog.devinterface.com/2011/02/how-to-implement-two-dropdowns-dependent-on-each-other-using-django-and-jquery/</a>
  but it doesn't seem to work for me.
  I have also checked this <a href="http://www.javascriptkit.com/script/script2/triplecombo.shtml">http://www.javascriptkit.com/script/script2/triplecombo.shtml</a>
  but since I am using ModelForm to create forms, this doesn't fit to my needs.</p>
  
  <p>Please guide me to do this. </p>
  
  <p>Thanks</p>