Erro ao carregar pagina com formulário dentro de div com ajax

Olá, bom dia a todos!

Estou tendo um problema ao carregar uma pagina de cadastro para cursos php dentro de uma div conteúdo via ajax jquery.

A pagina funciona normal se for carregada diretamente no navegador sem utilizar ajax.

O erro acontece nos campos do tipo select do formulário, quando a pagina é carrega via ajax, a marcação das tags <select> abrem e </select> fecham primeiro e só depois são adicionadas as tags <options> e seus conteúdos, dessa forma o campo não funciona.

Desde já agradeço se alguém puder me explicar o que está ocorrendo isto!

Segue os códigos abaixo:

Código carregado sem ajax;

<label for="area">Área do curso:</label>
<select name="area" class="select form" required />
<option value="">Escolha uma</option>
<option value="1">QUALIFICAÇÃO PROFISSIONAL</option>
</select>

Código carregado com ajax;

<label for="area">Área do curso:</label>
<select name="area" class="select form" required /></select>
<option value="">Escolha uma</option>
<option value="1">QUALIFICAÇÃO PROFISSIONAL</option>