title: Find text on page that is dynamically generated
body: <p>I have a page that pulls its content from a database using repeaters in ASP.NET. The page is a FAQs page with jQuery UI Accordions as well. Now I was wondering if it is possible to search the page and find text that the user enters inside the accordions. I have seen on Stack a way to search using JavaScript but my issue is that it doesn't search inside the accordions when they are closed. Is this even possible? Thank you!
  - Dan</p>
  
  <p>Here is an excerpt from my ASP.NET page...</p>
  
  <pre><code>  &lt;h2 id="general" class="modelHeading"&gt;General Questions&lt;/h2&gt;
          &lt;asp:Repeater id="rptGenQA" runat="server"&gt;
          &lt;HeaderTemplate&gt;
            &lt;div&gt;
          &lt;/HeaderTemplate&gt;
          &lt;ItemTemplate&gt;
            &lt;div class="ques"&gt;
          &lt;h4 class="question"&gt;&lt;%#Eval("question")%&gt;&lt;/h4&gt;
          &lt;div&gt;&lt;%#Eval("answer")%&gt;&lt;/div&gt;
            &lt;/div&gt;
          &lt;/ItemTemplate&gt;
          &lt;FooterTemplate&gt;
            &lt;div style="text-align: center"&gt;
            &lt;a href="#top"&gt;All Products FAQs Index&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;             
        &lt;/FooterTemplate&gt;
        &lt;/asp:Repeater&gt;
    &lt;h2 id="188" class="modelHeading"&gt;Model 188&lt;/h2&gt;
          &lt;asp:Repeater id="rptModel_188" runat="server"&gt;
          &lt;HeaderTemplate&gt;
            &lt;div&gt;
          &lt;/HeaderTemplate&gt;
          &lt;ItemTemplate&gt;
            &lt;div class="ques"&gt;
          &lt;h4 class="question"&gt;&lt;%#Eval("question")%&gt;&lt;/h4&gt;
          &lt;div&gt;&lt;%#Eval("answer")%&gt;&lt;/div&gt;
           &lt;/div&gt;
          &lt;/ItemTemplate&gt;
          &lt;FooterTemplate&gt;
            &lt;div style="text-align: left; padding-left: 30px;"&gt;
            &lt;a href="/model/188/"&gt;Back to Model 188&lt;/a&gt; 
            &lt;a href="#top"&gt;All Products FAQs Index&lt;/a&gt;
            &lt;/div&gt;
  
          &lt;/div&gt;
        &lt;/FooterTemplate&gt;
        &lt;/asp:Repeater&gt;
  </code></pre>
  
  <p>And my JavaScript so far...</p>
  
  <pre><code>$(function() {
    var icons = {
      header: "plusmark",
      activeHeader: "negmark"
    };
  
  $(".ques").accordion({
      header: '.question',
      collapsible: true,
      active: false,
      heightStyle: "content",
      icons: icons,
      animate: 500
  });
  
  
  });
  </code></pre>
  
  <p>The accordions are closed by default which is my issue. How do I find content in the accordions and have them open and jump to that section. </p>