Resgatar valor query pelo load do jquery

Olá amigos,

Estou tentando chamar uma pagina através do load, essa pagina terá uma querystring que eu quero pega-la na pagina de chamada, porém o valor vem como null quando eu tento através do load, fora dele chamando a pagina sozinha, está tudo ok.

São 2 páginas, 1 principal e a 2 que trara um alert de acordo com o valor passado pela query

Página Principal (index.html)

<div id="content">resultado</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function carrega(v) {
	$("#content").load("/query/video.html?v="+ encodeURIComponent(v), function(response, status, xhr) {
 if (status == "error") {
 //alert("ocorreu um erro")
 } else {
 //alert("ok")
 }
	});
}

carrega("social");
</script>

	Segunda página (video.html)

<script>
function getParameterByName(name, url) {
 if (!url) url = window.location.href;
 name = name.replace(/[\[\]]/g, "\\$&");
 var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
 results = regex.exec(url);
 if (!results) return null;
 if (!results[2]) return '';
 return decodeURIComponent(results[2].replace(/\+/g, " "));
}

var foo = getParameterByName('v');
alert(foo);
</script>

	Se você fizer o teste chamado já a segunda pagina com a query assim /video.html?v=teste123 um alert de "teste123" vai aparecer, porém quando tento fazer isso pela página principal passando o parametro da query e trazendo o resultado por load, simplesmente da erro e o valor vem como null.

	Alguém poderia me explicar aonde estou errando?