title: Bootstrap dropdown not working after initial ajax form submission
body: <p>I have a dropdown on my page, <code>manager.php</code>, here.  Sorry for the formatting - bootstrap.:</p>
  
  <pre><code>  &lt;!-- Bootstrap --&gt;
    &lt;script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="../../css/bootstrapstyle.css"&gt;
    &lt;!-- Bootstrap Dropdown Enhancements--&gt;
    &lt;script type="text/javascript" src="../../js/dropdowns-enhancement.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="../../css/dropdowns-enhancement.css"&gt;
  
  &lt;div class="row"&gt;
    &lt;div class="col-lg-6"&gt;
      &lt;div class="input-group"&gt;
        &lt;div class="input-group-btn"&gt;
          &lt;button type="button" class="btn dropdown-toggle btn-primary" data-toggle="dropdown" aria-expanded="false"&gt;Search By &lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt;
          &lt;ul id="searchBy" class="dropdown-menu" role="menu"&gt;
            &lt;li class="disabled"&gt;&lt;a href="#"&gt;Search By...&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;cost&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;name&lt;/a&gt;&lt;/li&gt;              
          &lt;/ul&gt;
        &lt;/div&gt;               
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="everything"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>This code works fine when I load <code>manager.php</code> directly</strong> and the dropdown initializes, but this is not how I need the code to work.  </p>
  
  <p>The user begins on <code>return.php</code>; this page collects a bunch of data from the user and <em>returns</em> it to <code>manager.php</code>.</p>
  
  <p>Once the user selects to do so on <code>return.php</code>, this code is run:</p>
  
  <pre><code>$.ajax({
        type: 'POST',
        url: 'manager.php',      
        data: {number:number, location:location, project:project, comments:comments},        
          success:function(data){
          $('#everything').html(data);                                                            
          }
    });
  </code></pre>
  
  <p>The ajax call works correctly, and it loads the data returned from <code>manager.php</code> into the <code>everything</code> div.  It passes along the data as expected.  The only thing that DOESN'T work upon loading <code>manager.php</code> into the DIV is the drop-down. I need to understand what I'm doing wrong to cause this functionality so I can prevent doing it in the future.</p>