title: jQuery-Ajax dont work on production server
body: <p>I 've created a web application, the basic idea was to have one page and then with ajax insert data from php-mysql script. On local Xampp the application works perfect.</p>
  
  <p>On production server some ajax requests work but others dont work.</p>
  
  <p>Chrome inspect element shows error:</p>
  
  <pre><code>POST mysite.com/app/show_staff_profile_ajax.php 500 (Internal Server Error) jquery-2.0.3.js:7845
  send  jquery-2.0.3.js:7845
  jQuery.extend.ajax jquery-2.0.3.js:7301
  showProfile ajax.js:466
  (anonymous function) ajax.js:150
  jQuery.event.dispatch jquery-2.0.3.js:4676
  elemData.handle jquery-2.0.3.js:4360
  </code></pre>
  
  <p>On ajax.js line 150 i got:</p>
  
  <pre><code>$(document).on('click','.show_profile',function(){
      var id = $(this).attr("id");
      showProfile(id);  //line 150
      return false;
  });
  </code></pre>
  
  <p>And on line 446:</p>
  
  <pre><code>function showProfile(id){
      $.ajax({   //line 446
          type:"POST",
          url: "show_staff_profile_ajax.php",
          data: {id : id},
          success: function(data)
          {
              $("#program_panel").html(data);
          }
      });
  }
  </code></pre>
  
  <p>On show_staff_profile_ajax.php i am taking data from mysql and <em>echo:</em> <strong>html tags with php variables</strong>.</p>
  
  <p>I am trying two days to fix that issue. I have read many posts but nothing seems to work</p>