title: Populating ideal forms select box via jquery get
body: <p>I am attempting to use <a href="https://github.com/elclanrs/jq-idealforms" rel="nofollow">Ideal Forms</a> for a new responsive site I am working on.  I currently have one radio selector and two drop down selectors.  I am trying to populate the selector with data queried via a cfc.  The jquery I have written for doing this works, as I have another site that uses it, but without using ideal forms.  When I run the script on the new page everything works fine, no errors show up and the data being returned is a correctly formatted json, but the lists do not not get populated.</p>
  
  <p>Here is form:</p>
  
  <pre><code>&lt;form id="form1"&gt;
      &lt;div&gt;
          &lt;section name="Basic Search"&gt;
              &lt;div id="radioDiv"&gt;
                  &lt;label&gt;Radio Buttons:&lt;/label&gt;
                      &lt;label&gt;&lt;input type="radio" name="r1" id="value_1" value="1" checked /&gt;1&lt;/label&gt;
                      &lt;label&gt;&lt;input type="radio" name="r1" id="value_2" value="2"/&gt;2&lt;/label&gt;
                      &lt;label&gt;&lt;input type="radio" name="r1" id="value_3" value="3"/&gt;3&lt;/label&gt;
              &lt;/div&gt;
              &lt;div id="selectDiv1"&gt;
                  &lt;label&gt;Select 1:&lt;/label&gt;
                  &lt;select name="select1" id="select1"&gt;
                      &lt;option value="all"&gt;All&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
              &lt;div id="selectDiv2"&gt;
                  &lt;label&gt;Select 2:&lt;/label&gt;
                  &lt;select name="select2" id="select2"&gt;
                      &lt;option value="all"&gt;All&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
          &lt;/section&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Here is the jquery:</p>
  
  <pre><code>$.fn.populateListsBasic = function(){
      $.get("../cfc/mycfc.cfc",{
          method: "getData",
          data: conditionGroup.filter(':checked').val()
          },function(data){
              $.each(data.stuff.otherStuff1,function(key,value){
                  $("#select1").append("&lt;option value='" + value + "'&gt;" + value + " (" + data.stuff.otherStuffCount_1[key] + ")&lt;/option&gt;");           
              });
              $.each(data.stuff.otherStuff2,function(key,value){
                  $("#select2").append("&lt;option value='" + value + "'&gt;" + value + " (" + data.stuff.otherStuffCount_2[key] + ")&lt;/option&gt;");
              });
         },"json");
  };
  
  $("#form1").populateListsBasic();   
  </code></pre>
  
  <p>Any help would be appreciated. </p>