Dialog button change pages

HTML

<!--Buttons to open the dialog-->
<div class="menu">
        <ul>
            <li>
            <a id="pop1" target="_self" rel="nofollow">Button 1</a>
            </li>
            <li>
            <a id="pop2" target="_self" rel="nofollow">Button 2</a>
            </li>
            <li>
            <a id="pop3" target="_self" rel="nofollow">Button 3</a>
            </li>
        </ul>

    </div>

<!--The Popup Window-->
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dialog-info" id="helpDialogPop">

<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-dialog-info">&nbsp;</span>

<a href="#helpDialogPop" class="ui-dialog-titlebar-close ui-corner-all" role="button">
<span class="closeDialogButton">
	<img id="helpClose" src="img/button/xx.png" style="padding-top:15px; padding-right:15px;">
</span>
</a>
</div>

<div id="dialog-info" class="ui-dialog-content ui-widget-content" scrolltop="0" scrollleft="0" style="width: auto; min-height: 0px; height: 550px;">
    <div class="logo-header">
        <img src="img/logo.png" alt="Header Image">
    </div>

	<div class="menu">
       	<ul class="uppercase">
                <li class="button1">
                    <a href="javascript:;">Button 1</a>
                </li>
                <li class="button2">
                    <a href="javascript:;">Button 2</a>
                </li>
                <li class="button3">
                    <a href="javascript:;">Button 3</a>
                </li>
       	</ul>
	</div>

	<div class="info-area">
        <div class="info-area-content">

		      <div class="content-asset">
          Content Page 1 ----- Good Morning World
          </div>
          
          <div class="content-asset">
          Content Page 2 ----- Good Afternoon World
          </div>
          
          <div class="content-asset">
       ...

JavaScript

$(document).ready(function(){
		$('#helpDialogPop').dialog({
			autoOpen:false,
			modal: true
		}).dialog("widget")
			.next(".ui-widget-overlay")
			.css("background", "black")
			.css("opacity","0.9");
		$('#pop1').click(function(){ $('#helpDialogPop').dialog('open'); });
		$('#pop2').click(function(){ $('#helpDialogPop').dialog('open'); });
		$('#pop3').click(function(){ $('#helpDialogPop').dialog('open'); });
	});

	$('#helpClose').click(function(e){
		e.preventDefault();
		$('#helpDialogPop').dialog('close');
	})