title: Ajax after load menu buttons
body: <p>Hy guys ! I have a problem with my menu from index.It appears that after i load another page with ajax , the menu isn't working anymore.Can you help ? Thanks
  Is a problem that index and header1 have the same javascript ? </p>
  
  <p>INDEX HTML : </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Lukcomputers&lt;/title&gt;
  &lt;link href="css/jquery-ui.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script src="js/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/js.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;link href="css/css.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="fonts/fonts.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="container"&gt;
  
  &lt;!--Menu--&gt;
  &lt;div id="menu"&gt;&lt;img src="img/menu/menu.png" width="900" height="517" /&gt;&lt;/div&gt;
  &lt;div id="service" class="font-menu"  &gt;&lt;a href="#link" style="text-decoration:none; color:#FFF;"&gt;SERVICE&lt;/a&gt;&lt;/div&gt;
  &lt;div id="service-buton" class="font-menu-bold" &gt;&lt;a href="#link" style="text-decoration:none; color:#FFF;"&gt;SERVICE&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;!--End of Menu--&gt;
  
  &lt;div id="content"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Javascript : </p>
  
  <pre><code>$(document).ready(function() {
      $("#toggle").hide();
      $('#service').click(function() { $('#toggle').toggle();$("#service").css('visibility', 'hidden');$("#service-buton").css('visibility', 'visible');});
      $('#service-buton').click(function() { $('#toggle').toggle();$("#service").css('visibility', 'visible');$("#service-buton").css('visibility', 'hidden');});
  
  
         $('#acasa').click(function() { 
         $.ajax({
             url:"header1.html",
             success: function(data) {
                 $("#content").html(data)}
         });
         });
  
  });
  </code></pre>
  
  <p>Header1.html</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Lukcomputers&lt;/title&gt;
  &lt;link href="css/jquery-ui.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script src="js/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-ui.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/js.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;link href="css/css.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="fonts/fonts.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  
  &lt;!--Content--&gt;
  &lt;div id="paragraf1" class="myriad"&gt;Instalare sisteme oferare&lt;br /&gt;(WINDOWS, LINUX),&lt;br /&gt;instalare aplicatii, back-up date.&lt;/div&gt;
  &lt;!--End of  Content--&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>