E até tentei procurar outras dúvidas, mas não achei o campo de busca. Enfim, o código abaixo não funciona. Não é o arquivo Jquery.js, nem falta de declaração. O que há de errado? Será o navegador?
<!doctype html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<title>Introdução ao jQuery</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/estilos.css">
</head>
<body class="container">
<h1>Treinamentos</h1>
<input id="botao-atualiza" type="button" value="atualizar lista">
<ul id="lista">
<li>Lógica de Programação</li>
<li>Dando os primeiros passos na web com HTML e CSS</li>
<li>Banco de dados e SQL</li>
<li>Ruby on Rails: do zero com deploy</li>
<li>NodeJS e Socket I/O</li>
<li>Vraptor: web fácil e rápida</li>
<li>Git: trabalhe em equipe com controle e segurança</li>
<li>Primeiros passos com Java</li>
</ul>
<label>Novo treinamento:</label>
<input id="treinamento">
<input id="botao-adiciona" type="button" value="adicionar"/>
<script src="js/jquery.js"></script>
<script>
$('#lista').on("dblclick", "li", function() {
$(this).animate({"margin-left": "+=100"}, Function(){
$(this).remove();
});
});
$('#botao-adiciona').click(function() {
var treinamento = $('#treinamento');
var texto = treinamento.val();
treinamento.val('');
</script>
</body>
</html>