Como mostrar formulario en página content sin recargarla

Soy informático, me agrada la programación con usando tecnologías (HTML5, CSS3, AJAX, JQUERY, JAVA SCRIPT, JSON, PHP5). Estoy en constante aprendizaje. Y me salieron algunas dudas.

Tengo un menú con div y html5: Lo que necesito que al dar clic en href me muestre un formulario y lo cargue a mi sección "Content" sin tener que realizar recarga.

Agradezco de antemano alguna sugerencia de algún colaborador.

Éxito

<div id="menu">
    <ul class="opcMenu">
        <li><img src="../img/control.png" title="CONTROL"/>
            <ul class="opc">
                <li><a href="javascript:void(0);" >Empresa</a></li>
                <li><a href="javascript:void(0);">Usuarios</a></li>
            </ul>
        </li>
        <li><a href="javascript:void(0);"><img src="../img/gym.png" title="GYM"/></a>
            <ul class="opc">
                <li><a href="javascript:void(0);">Equipo</a></li>
                <li><a href="javascript:void(0);">Incidencias</a></li>
            </ul>
        </li>
        <li><a href="javascript:void(0);"><img src="../img/movimientos.png" title="MOVIMIENTOS"/></a>
            <ul class="opc">
                <li><a href="javascript:void(0);">Modalidad</a></li>
                <li><a href="javascript:void(0);">Inscritos</a></li>
                <li><a href="javascript:void(0);">Productos</a></li>
                <li><a href="javascript:void(0);">Articulos</a></li>
            </ul>
        </li>
        <li><a href="javascript:void(0);"><img src="../img/pagos.png" title="PAGOS"/></a>
            <ul class="opc">
                <li><a href="javascript:void(0);">Entradas</a></li>
            </ul>
        </li>
        <li><a href="javascript:void(0);"><img src="../img/reportes.png" title="REPORTES"/></a>
            <ul class="opc">
                <li><a href="javascript:void(0);">Generador</a></li>
            </ul>
        </li>
        <li><a href="javascript:void(0);"><img src="../img/backup.png" title="RESPALDO"/></a>
            <ul class="opc">
                <li><a href="javascript:void(0);">Respaldos</a></li>
            </ul>
        </li>
        <li><a href="javascript:void(0);"><img src="../img/help.png" title="CONTACTO"/></a>
            <ul class="opc">
                <li><a href="javascript:void(0);">Contacto</a></li>
            </ul>
        </li>
    </ul>
</div>