Точку убрал.
Задача:
Есть страница:
<body>
<div class="container" id="container"><input type="button" id="hero" value="heroes"></div> <!-- /container -->
</body>
В div с id container через ajax вставляется разметка:
$(document).ready(function() {
var stepnumber=1;
if (stepnumber===1) {
$.ajax({
type: "GET",
url: "GetTemplate.php",
data: "stepnumber="+stepnumber,
dataType: "text",
success: function(html){
$("div#container").append(html)
}
});
stepnumber = stepnumber + 1;
}
<form class="form-horizontal">
<fieldset>
<legend>Выбор</legend>
<div class="control-group">
<label class="control-label" for="region">Выберите:</label>
<div class="controls">
<select class="span3" id="region" name="region">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
</div>
<br><button id="submit" type="button" class="btn btn-primary" name="go">Дальше</button>
</fieldset>
</form>
Нужно в этом сформированном html обработать нажатие кнопки (<button id="submit" type="button" class="btn btn-primary" name="go">Дальше</button>).
$('#submit').on('click',function(){
alert("veff");
});
$('#hero').on('click',function(){
alert("veff");
});
});
При том как сделано сейчас кнопка с id hero (которая изначально есть в коде страницы) обрабатывается (выдает alert), а кнопка с id submit нет.