Jquery Getting variable

Jquery Getting variable

Hello,
I need to get a var  from li when user clicks on it...the list is created in php and i want to send the variable to my other php document using ajax.. i am new to jquery  and i do not know how to get the variable..
for example if my php generated list looks like:
Indianapolis
Los Angeles
when user click on Los Angeles the Jquery takes it into a var city.
  2.                 <?php
  3.                              echo '<li class="list-unstyled">'.$city.'</li>';                       
  4.                     }

and my jquery is:
  1. #(document).ready(function () {
  2. $("li").click(function){
  3. var city = $(this);
  4. $.ajax({

  6. type:"POST",
  7. url:"json.php",
  8. data:"city",
  9. dataType:"json",
  11. });
  12. };
  13. })
Can you guys tell me why is not working? Is my approach not good?