Image to appear on text input
<p>So I am currently building a sort of "live preview", and need a placeholder image to appear when information is entered into an <code>&lt;input&gt;</code> tag. I currently am using this as my live preview code for the text fields on the page, but cannot get it to work for the image.</p>

<pre><code>$(function() 
{
    $(".companyname").keyup(function() 
    {
        var companyname=$(this).val();
        $(".cn_preview").html(companyname);
        return false;
    });

    $(".tagline").keyup(function() 
    {
        var tagline=$(this).val();
        $(".tag_preview").html(tagline);
        return false;
    });
$(".map").keyup(function() 
        {
            var map=$(this).val();
            $(".map_preview").html(map);
            return false;
        });

    $(".about").keyup(function() 
    {
        var about=$(this).val();
        $(".abt_preview").html(about);
        return false;
    });
</code></pre>

<p>The placeholder image will be positioned relatively over another image. The structure for that is as such:</p>

<pre><code>    &lt;div id="displaycontain"&gt;
                &lt;div id="previewbottom"&gt;
                    &lt;h2 class="previewbottom"&gt;Preview Changes&lt;/h2&gt;
                &lt;img src="images/previewimage.png" border="0" style="margin-left: auto; width: 100%;" /&gt;
                &lt;/div&gt;
                &lt;div class="action" id="publishbutton"&gt;
                    &lt;input type="button" value="PUBLISH" class="myButton"&gt;&lt;/div&gt;
                &lt;div id="test"&gt;
                    &lt;h4 name="cnpreview" class="cn_preview"&gt;Company Name&lt;/h4&gt;
                    &lt;p name="tagprev" class="tag_preview"&gt;Tagline here.&lt;/p&gt;
                    &lt;p name="aboutprev" class="abt_preview"&gt;This is where your description goes.&lt;/p&gt;
&lt;img src="images/googlemap.png" name="mapplace" class="map_preview" border="0" /&gt;

                &lt;/div&gt;
            &lt;/div&gt;
</code></pre>

<p>And the css for that:</p>

<pre><code>.cn_preview {
    color: #000000;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: lighter;
    position: relative;
    top: -298px;
    left: 78px;
    width: 200px;
}
.tag_preview {
    color: #000000;
    font-size: .8em;
    text-decoration: none;
    font-weight: lighter;
    position: relative;
    top: -288px;
    left: 78px;
    width: 100px;
}
.abt_preview {
     color: #000000;
    font-size: .7em;
    text-decoration: none;
    font-weight: lighter;
    position: relative;
    top: -258px;
    left: 78px;
    width: 400px;
}
</code></pre>

<p>This may be a long shot, but any sort of help or direction on where to go would be helpful.</p>

<p>Thanks!</p>
