title: JS stop working after jquery .load content
body: <p>Please help me to understand why js stop working after .load THE SAME CONTENT in div.</p>
  <pre><code>&lt;main class=&quot;container&quot;&gt;
      &lt;div id=&quot;reload_div&quot;&gt;
          &lt;div id=&quot;color_div&quot; style=&quot;width:100px;height:100px; background:red; margin-bottom: 100px&quot;&gt;
              orig
          &lt;/div&gt;
          &lt;button id=&quot;make_it_green&quot; type=&quot;submit&quot; class=&quot;btn btn-sm btn-primary&quot;&gt;
              make it green
          &lt;/button&gt;
      &lt;/div&gt;
      &lt;button id=&quot;reload_btn&quot; type=&quot;submit&quot; class=&quot;btn btn-sm btn-primary&quot; style=&quot;margin-top:20px&quot;&gt;
          reload
      &lt;/button&gt;
  &lt;/main&gt;
  
  &lt;script&gt;
  $(&quot;#make_it_green&quot;).click(function(){
    $(&quot;#color_div&quot;).css(&quot;background&quot;,&quot;green&quot;)
  }); 
  
  $(&quot;#reload_btn&quot;).click(function(){
    $(&quot;#reload_div&quot;).fadeTo(300,0, function () {
      $(&quot;#reload_div&quot;).load (&quot;reload.php&quot;, 
      {  }, function () {
          $(&quot;#reload_div&quot;).fadeTo(300,1, function () {
          });
      });
    });
  }); 
  &lt;/script&gt;
  </code></pre>
  <p>After .load the same content in &quot;reload_div&quot; #make_it_green button stop working!
  Why?</p>