title: $.ajax POST Undefined index
body: <p>Apologies in advance for any mistakes. This is my first post on StackOverflow.</p>
  
  <p>So basically I have a php function. Inside it is a jQuery click function with a variable, into which I'm saving the clicked element's text. I'm trying to send that variable's value to my Uredi.php file, via $.ajax function, to save it into a php variable. However, I'm getting an "Undefined index" error. Help would be greatly appreciated. Thank you.</p>
  
  <p>Here's the code:</p>
  
  <p>PHP function:</p>
  
  <pre><code>public function uredi()
  {
  ?&gt;
  &lt;script&gt;
  $('.edit').click(function(){
  
  $('.naslov_edit').val($(this).text());
  $('#on_top').hide();
  var refId = $(this).text();
      $.ajax({
          url: 'uredi.php', 
          type: "POST",
          data: {id: refId},
          success: function(data){
              alert(data);
          }
      }); 
  
  });
  &lt;/script&gt;
  &lt;?php
  }
  </code></pre>
  
  <p>Uredi.php:</p>
  
  <pre><code>&lt;?php
  include 'Funkcije.php';
  
  $uredi = new urejanje();
  $uredi-&gt;uredi();
  
  $id = $_POST['id'];
  echo $id;
  ?&gt;
  </code></pre>
  
  <p>Funkcije.php is the file with the uredi() function.</p>
  
  <p>EDIT: Thank you everyone for helping. I figured out the problem. Turns out I just had to clean up my code a bit.</p>