I am trying to create conditional URL for Ajax data pull, but it does not work. Any ideas why that is happening? My code looks like below.

1. $("#valink").click(function () {   
2.         $("#valink").removeClass("active");
3.         var key = $(this).text();
4.         $(this).addClass("active");
5. 
   
6.     var currRoute = "../content-url/url.php";     
7. if(key === "Books") {
   
8.         currRoute = "../content-url/url1.php";
9. } else {
10. currRoute = "../content-url/url2.php";
11. }
    
12. 
    
13.         $.ajax({       
14.                  type: "GET",  
15.                  url: currRoute,  
16.                  async: false,
17.                  dataType: "html",
18.                  data: ({
19.                     key: key, }),
20.                  
21.                  success : function(text){
22.                                $("#link .section").html(text);
23.                            }
24.            });   
25.    
26.     });