Загрузить текст из html-формы в div

Question

Я пытаюсь ... (я знаю, что очень стараюсь для всех вас, ребята, lol) нет, но серьезно я пытаюсь передать текст из формы в div, что затем другие скрипты меняют шрифт и цвет текста. Вот код, который я пробовал до сих пор, и ссылку на jsfiddle. Я просто не могу заставить его работать!

Аналогичные вопросы были заданы, но я не могу найти, где другие сценарии должны запускаться на этом введенном тексте после его ввода.

http://jsfiddle.net/p802ektq/

Div:

<div class="rightBottom selectcolor" style = "position: absolute; left: 750; top: 330;"  id="changeMe"></div> 

HTML-форма:

<form> 
Address <input type="text" name="add"><br> 
<input id="copy" type="button" value="copy"> 
</form> 

Java-:

$(document).ready(function() { 
    $('#copy').click(function(){ 
    $('#changeMe').val($('#add').val()); 
    }); 
}); 

Answer 1

Fiddle example

Сначала давайте помнить одну вещь:

name = name 
. = class 
# = id 

вы не можете пойти на #add, если у вас нет какой-либо в вашем документе. Так давайте добавим некоторые из них:

<input id="add" name="add" type="text"> 

Теперь, если вы хотите, чтобы вставить какой-либо текст строки в элемент в <div> (#changeMe), что вы хотите .text() или .html() (не .val()!).

$(function() { // d. ready 
    $('#copy').click(function(event){ 
    event.preventDefault(); // Prevent browser default behavior on form button 
    $('#changeMe').text($('#add').val()); 
    }); 
});